当前第2页 返回上一页
略号、
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<style type= "text/css" >
p {
width: 400px;
height: 50px;
border: 1px solid red;
}
.nowrap{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
</style>
</head>
<body>
<p>普通文本!!!
这是一些文本。 这是一些文本。 这是一些文本。
</p>
<p class = "nowrap" >强制文字不换行!!!
这是一些文本。 这是一些文本。 这是一些文本。
</p>
</body>
</html>
|
效果图:
以上就是css怎么控制不换行的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
使用css实现皮卡丘
css文字居中怎么打
css中实现背景透明的三种方式
css如何设置缩放
css怎么设置不可编辑
css如何设置table边框的颜色
声明css有哪几种方式
css文本对齐属性的取值有几种
css border-top-right-radius属性怎么用
jquery怎么获取name
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么控制不换行