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

当前位置 : 首页 > 网页制作 > CSS > 一行文字超过div宽度的时如何让它不换行

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

来源: 作者: 时间:2015-10-31 10:17
当一行文字超过div宽度的时候,浏览器中默认是让它换行显示的,如果不想让它换行显示那要怎么办,下面有个不错的方法,大家不妨尝试下
当一行文字超过div宽度的时候,浏览器中默认是让它换行显示的,如果不想让它换行显示那要怎么办,下面有个不错的方法,大家不妨尝试下
当一行文字超过div宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行显示那要怎么办呢?

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

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

复制代码
代码如下:

display:block;/*内联对象需加*/
width:100px;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
Tag:
网友评论

<