CSS不换行与CSS换行

1. 使用强制换行符号  <br/>

2. 使用<div><p>等行标签

3. 使用css属性中word-wrap属性

word-wrap: normal|break-word;
normal表示只在允许的断字点换行(浏览器保持默认处理)。
break-word表示在长单词或 URL 地址内部进行换行。

设置强行换行CSS属性标签:

word-break:normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行

                      break-all  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

                      keep-all   与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

 

pre 换行和其他空白字符都将受到保护

nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象

 

一般不换行设置 :

overflow:hidden;(溢出隐藏)

white-space:normal(默认)

 

 

 

 

 

 

 

























posted on 2021-11-26 14:46  一名小学生呀  阅读(400)  评论(0)    收藏  举报

导航