微信小程序样式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只列出目录的几种方式
  • 热门搜索
    路由器和交换机的区别 珲春旅游 如何算生辰八字 如何剪辑视频 五彩绳怎么编 台湾通行证怎么办 怎么改无线路由器密码 如何劈叉 outlook邮箱怎么用 条件格式怎么用