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

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

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

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

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