强制内容在一行，超出显示省略号：width: 300px; 　　　　　　　　　　　　　　　　overflow: hidden; /*超出部分隐藏*/ 　　　　　　　　　　　　　　　　text-overflow: ellipsis; /* 超出部分显示省略号 ...

当文字超出DIV宽度时，超出的文字部分省略，并用显示省略号代替，css代码如下： 重要前提是DIV为固定宽度。 <end> ...

方法多种 https://www.cnblogs.com/nangezi/p/9091158.html 个人处理方法： 直接在表单元素的title属性赋值即可 ...

超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？ 超出两行隐藏 ...

废话不多说，直接上代码。 只显示一行 固定高度 方法一： 方法二（推荐）： ...

p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性 ...

单行： overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 多行需要加如下属性： display:-webkit-box; //将对象作为弹性伸缩盒子模型显示 ...

。而且也不利于让用户知道后面还有没显示完的字符。最好的方法，就是将多余的字符用省略号来代替。 1. 单行文本 ...