介绍
这篇文章给大家介绍怎么在css中设置文本超出自动换行,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
在css中,可以使用<代码>自动换行:break-word; 代码>或<代码>单词分割:打破所有;> 代码来让英文强制换行。
- <李>
<代码>单词分割:打破所有;代码>设置文字的强制自动换行,但只对英文起作用,以字母作为换行依据。
李> <李><代码>自动换行:break-word; 代码>设置文字的强制自动换行,但只对英文起作用,以单词作为换行依据。
李>示例:
& lt; ! DOCTYPE html> & lt; html> & lt; head> & lt; meta charset=皍tf-8"祝辞, & lt; style>, p { 宽度:9 em;, 边界:1 px solid # 000000; } p.test1 { 自动换行:break-word; } p.test2 { 单词分割:打破所有; } & lt;/style> & lt;/head> & lt; body> & lt; p> ,却;能够paragraph 文本只aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa , & lt;/p> & lt; p 类=皌est1"祝辞 ,却;能够paragraph 文本只aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa , & lt;/p> & lt; p 类=皌est2"祝辞 ,却;能够paragraph 文本只aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa , & lt;/p> & lt;/body> & lt;/html>
效果图:
关于怎么在css中设置文本超出自动换行就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。