一行文字超过div宽度的时如何让它不换行

当一行文字超过div 宽 度的时候，浏览器中默认是让它换行显示的，如果 不想 让他换行显示那要怎么办呢？

我想大家首先想到的办法就是用截断文字加[ .. .]的做法。

现在我所说的方法则是采用CSS的方法实现：

复制代码

代码如下:

dis play :block;/*内联对象需加*/
width:100px;
word- br eak:keep-all; /* 不换行 */
wh IT e -s pace:nowra p; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

总结

以上是 为你收集整理的 一行文字超过div宽度的时如何让它不换行 全部内容，希望文章能够帮你解决 一行文字超过div宽度的时如何让它不换行 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于一行文字超过div宽度的时如何让它不换行的详细内容...