1、新建一个APP项目，然后，打开index.html页面，填写如下的代码：
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">hbuilder app开发之mui-ellipsis效果</h1>
</header>
<div class="mui-content">
<ul class="mui-table-view">
<li class="mui-table-view-cell"><span class="mui-ellipsis-2">纯文字多行效果，超过两行，将用省略号表示;纯文字多行效果，超过两行，将用省略号表示;纯文字多行效果，超过两行，将用省略号表示;纯文字多行效果，超过两行，将用省略号表示</span></li>
</li>
</ul>
</div>
接着，点击菜单“运行”-“Chrome”选项，查看效果。
2、按F12，让Chrome浏览器进入调试状态，接着，选中mui-ellipsis-2样式代码，便可以在右边查看mui-ellipsis-2样式的信息。
3、把2修改成3，然后，回车，便可查看页面的变化（由原来的二行，变成了三行，才显示省略号）
