css字体保持在一行不换行的实现方法:1、通过“word-break:keep-all;white-space:nowrap;”属性实现文字不换行;2、在表格中通过设置“word-break”属性设置文字不换行。
本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。
推荐:《css视频教程》
css设置字体在同一行的方法:
一般的文字不换行(适用于内联与块):
1
2
3
4
5
6
7
8
9
.text-overflow {
display:block; /*内联对象需加*/
width:31em;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;
需与overflow:hidden;一起使用。*/
}
表格中设置文字不换行:
1
2
3
4
5
6
css字体保持在一行不换行的实现方法
最新推荐文章于 2024-04-11 16:37:43 发布