在编写网页的时候,我们常常会遇到英文字过长而无法自动换行的问题。这时候,我们可以利用CSS来解决这个问题。首先,在需要自动换行的英文字样式中,加入以下属性:word-wrap: break-word;
word-wrap: break-word; /*当一个单词太长,不适合在当前行放置时,它将自动换到下一行*/ white-space: pre-wrap; /*保留空格和换行符,并使文本自动换行*/
<p style="word-wrap: break-word; white-space: pre-wrap;"> The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. </p>
overflow-wrap: break-word; /*在英文单词内换行,不会影响单词的完整性*/
<p style="overflow-wrap: break-word;"> The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. </p>
粉丝
0
关注
0
收藏
0