微信小程序line-height的使用

 时间:2024-10-13 08:51:30

1、打开开发者工具,在项目的pages下,新建mypage文件夹,在此文件夹下新建mypage页面,并把mypage设为第一页面。

微信小程序line-height的使用

2、在mypage.wxml中添加代码如下:<view><text> 真的阿阿阿阿阿阿阿阿阿堪塬账绋阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿</text></view>使用view标签包裹住text标签

微信小程序line-height的使用

3、在mypage.wxss中,写代码如下,目的是要文本内容过长实现换行显示view{height:1000rpx;overflow-wrap: break-word;}text{}

微信小程序line-height的使用

4、保存代码,在左侧模拟器查看效果,此时还没有设置行高

微信小程序line-height的使用

5、修改mypage.wxss,修改代码如下,在view标签中设置line-heightview{height:1000rpx;overflow-wrap: break-word;li荏鱿胫协ne-height: 200rpx;}text{}

微信小程序line-height的使用

6、保存代码,在模拟器查看效果

微信小程序line-height的使用

7、修改mypage.wxss代码,将line-height设置到text标签view{height:1000rpx;overflow-wrap: break-word;}text{line-height: 200rpx;}

微信小程序line-height的使用

8、保存代码,模拟器效果和第6步一样,在外层view和内层text都可以修改行高,都会生效

微信小程序line-height的使用
  • node_modules删除后如何用npm重新安装
  • PowerDesigner15.1安装
  • jquery如何实现鼠标放上div时改变其大小
  • Eclipse导入旧工程的方法
  • visual paradigm中文设置步骤介绍
  • 热门搜索
    温州海外旅游公司 湖南株洲旅游 韩城旅游景点大全 阳江沙扒湾旅游攻略 武汉旅游网 云南瑞丽旅游 自治区旅游局 旅游法实施细则 余姚旅游网 出国旅游去哪好