怎么在css中设置文本超出自动换行

  介绍

这篇文章给大家介绍怎么在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中设置文本超出自动换行

关于怎么在css中设置文本超出自动换行就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

怎么在css中设置文本超出自动换行