微信小程序样式overflow和text-overflow

 时间:2024-10-14 08:00:12

1、打开开发者工具,在项目pages下新建mypage文件夹,并在文件夹内新建page,名为mypage,在app.json配置文件中将mypage设为第一页面。

微信小程序样式overflow和text-overflow微信小程序样式overflow和text-overflow

4、修改mypage.wxss代码如下,设置overflow隐藏多出来的图片内容,代码如下:.imgouter{width: 200rpx;height: 200rpx;border-radius: 50%;overflow: hidden;}

微信小程序样式overflow和text-overflow

6、修改mypage.wxml代码,添加一个文本,当文本内容超过一行就显示省略号,代码如下:<!--pages/mypage/mypage.wxml--><view class="imgouter"><image src="Penguins.jpg"></image></view><view class="textouter"><text>我是内容可能有点长哈哈哈哈或或或或或或或或或或或或或或hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh </text></view>

微信小程序样式overflow和text-overflow

8、保存代码,就可以看到行末尾省略号显示的效果了

微信小程序样式overflow和text-overflow
  • LOL当中的光辉怎么玩(进阶篇)
  • SQL SERVER怎么创建计算列虚拟列
  • Manjaro怎么启动或关闭防火墙
  • 达梦数据库有哪些产品系列,有何区别?
  • Linux只列出目录的几种方式
  • 热门搜索
    驴妈妈旅游网首页 甘南 旅游 现在去哪旅游最好 长泰旅游景点 四川达州旅游 陕西旅游路线 大连旅游职业中专 新疆自治区旅游局 旅游百事通旅行社官网 旅游政策法规