html段落固定宽度，超出的用省略号表示的方法

当文本段落超过我们定义的宽度时候，如果我们希望超出的部分用省略号表示，那么代码如下所示:

html代码如下所示：

<p style="make-wrap">尖椒啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>

css代码如下所示：

.make-wrap{    width:120px;/*这个根据自己需要定义，或者定义父元素宽度*/    display:block;    white-space: nowrap;/*文本段落不换行*/    overflow: hidden;    text-overflow: ellipsis;/*当对象内文本溢出时显示省略标记*/} 

结果如下截图所示：