首页 > Web开发 > 详细

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

时间:2016-02-06 16:55:53      阅读:198      评论:0      收藏:0      [点我收藏+]
当一行文字超过div宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行显示那要怎么办呢?

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

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

复制代码
代码如下:

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

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

原文:http://www.jb51.net/css/169089.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!