当文本段落超过我们定义的宽度时候,如果我们希望超出的部分用省略号表示,那么代码如下所示:
html代码如下所示:
<p style="make-wrap">尖椒啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
css代码如下所示:
.make-wrap{
width:120px;/*这个根据自己需要定义,或者定义父元素宽度*/
display:block;
white-space: nowrap;/*文本段落不换行*/
overflow: hidden;
text-overflow: ellipsis;/*当对象内文本溢出时显示省略标记*/
}
结果如下截图所示: