mui-ellipsis-2样式,是用来表示当显示的行数超过两行时,会以省略号表示没能显示的内容。那么,如果要实现超过三行或四行时,才出现省略号呢。 下面将介绍一种最简单的方法:直接采用原来的样式,进行修改,便可。
工具/原料
1
HBuilder6.6
2
MUI2.5
方法/步骤
1 接着,点击菜单“运行”-“Chrome”选项,查看效果。
新建一个APP项目,然后,打开index.html页面,填写如下的代码: hbuilder app开发之mui-ellipsis效果
- 纯文字多行效果,超过两行,将用省略号表示;纯文字多行效果,超过两行,将用省略号表示;纯文字多行效果,超过两行,将用省略号表示;纯文字多行效果,超过两行,将用省略号表示
2
按F12,让Chrome浏览器进入调试状态,接着,选中mui-ellipsis-2样式代码,便可以在右边查看mui-ellipsis-2样式的信息。
3
把2修改成3,然后,回车,便可查看页面的变化(由原来的二行,变成了三行,才显示省略号)
上一篇:黑暗之魂2原罪学者攻略
下一篇:王者荣耀貂蝉逐梦之音怎么获得