多语言展示
当前在线:1225今日阅读:39今日分享:10

mui修改样式之mui-ellipsis-2

mui-ellipsis-2样式,是用来表示当显示的行数超过两行时,会以省略号表示没能显示的内容。那么,如果要实现超过三行或四行时,才出现省略号呢。      下面将介绍一种最简单的方法:直接采用原来的样式,进行修改,便可。
工具/原料
1

HBuilder6.6

2

MUI2.5

方法/步骤
1

新建一个APP项目,然后,打开index.html页面,填写如下的代码:

 

hbuilder app开发之mui-ellipsis效果

  • 纯文字多行效果,超过两行,将用省略号表示;纯文字多行效果,超过两行,将用省略号表示;纯文字多行效果,超过两行,将用省略号表示;纯文字多行效果,超过两行,将用省略号表示
接着,点击菜单“运行”-“Chrome”选项,查看效果。

2

按F12,让Chrome浏览器进入调试状态,接着,选中mui-ellipsis-2样式代码,便可以在右边查看mui-ellipsis-2样式的信息。

3

把2修改成3,然后,回车,便可查看页面的变化(由原来的二行,变成了三行,才显示省略号)

推荐信息