CSS white-space normal nowrap强制同一行内显示所有文本不换行

来源:互联网 发布:matlab拟合数据 图例 编辑:程序博客网 时间:2024/04/29 03:02

1.多用于标题的字数很多 ,但不想换行 为了隐藏超出的部分 就用overflow:hidden样式。

1、white-space语法: white-space : normal nowrap

2、white-space参数
normal :  默认处理方式
nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行。DIVCSS5推荐使用white-space:nowrap强制不换行。

3、white-space说明: white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容
通常我们使用white-space:nowrap强制文本文字内容不换行,在对象内一行显示完所有文字内容。

css代码:<style> div{ width:120px; height:60px; line-height:20px} .divcss5{ white-space:nowrap} </style> 
html代码:<div class="divcss5">内容将在一行内强制显示完整</div> <div class="divcss5">内容使用br换行<br /> 将会不被<br />换行显示</div> 

总结:
为了让文字内容在一行内显示完,哪怕宽度不够也不能换行,我们可以使用white-space样式。
但如果遇到了html br强制换行标签,无论是设置white-space与否都会被
强制换行。

0 0