随身笔记
随身笔记

利用CSS不让文本自动换行

效果就像本站首页选项卡的内容一样,不让其自动换行超过的文本省略掉并且带省略更多的符号。如下图:

https://sdeno.com/wp-content/uploads/2012/11/tab.jpg

就拿本站的为实例:

选择器{
float:left;
width:176px;
white-space:nowrap;  /* 不换行 */
overflow:hidden;          /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(…) ;需与overflow:hidden;一起使用。*/
}

随身笔记

利用CSS不让文本自动换行
效果就像本站首页选项卡的内容一样,不让其自动换行超过的文本省略掉并且带省略更多的符号。如下图: 就拿本站的为实例: 选择器{ float:left; width:176px; white-space:nowr…
扫描二维码继续阅读
2012-11-19