900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html 英文字母不换行 css如何设置英文单词不换行?

html 英文字母不换行 css如何设置英文单词不换行?

时间:2023-06-14 22:21:19

相关推荐

html 英文字母不换行 css如何设置英文单词不换行?

css可以通过word-wrap属性来设置英文单词不换行,将word-wrap属性的属性值设为nowrap即可设置英文单词强制不换行。

css设置强制英文不换行:

p

{

white-space: nowrap

}

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

Here are some texts.

效果图:

white-space 属性值及作用:

1. word-break:break-all;只对英文起作用,以字母作为换行依据

2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据

3.{white-space:pre-wrap; 只对中文起作用,强制换行

4.{white-space:nowrap; 强制不换行,都起作用

5.{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。