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> 
  
  
1
2
3
4
5

html代码：<div class="divcss5">内容将在一行内强制显示完整</div> <div class="divcss5">内容使用br换行<br /> 将会不被<br />换行显示</div> 
  
  
1
2
3
4

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

           

浏览人工智能教程