当前第2页 返回上一页
一般的文字不换行(适用于内联与块):
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;
}
|
表格中设置文字不换行:
1 2 3 4 5 6 7 8 9 10 11 12 13 | table{
width:30em;
table-layout:fixed;
}
td{
width:100%;
word- break :keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
|
上述代码实现文字不换行部分介绍:
word-break:keep-all设置只能在半角空格或连字符处换行。
white-space:nowrap样式设置文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
以上就是css字体保持在一行不换行的实现方法的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css实现文字竖排效果
css如何插入图片
css结构化伪类选择器有哪些
css怎么让元素超出父元素
css如何实现点击改变颜色
css如何设置圆角
利用css如何实现图片轮播效果?(代码示例)
css怎么设置text不可编辑
hbuilderx写css代码没有提示怎么办
如何复制网页css
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css字体保持在一行不换行的实现方法