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

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与否都会被
强制换行。

你可能感兴趣的:(css)