您现在的位置是: 首页 » 网页代码 » css如何设置英文单词不换行?
网页代码

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

网站优化小编十一月 24, 2019 7人已围观

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

网站运营中栏目排名优化技巧

css设置强制英文不换行:

<html>
<head>
<style type="text/css">
p
{
white-space: nowrap
}
</style>
</head>
<body>

<p>
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.
</p>

</body>
</html>

效果图:

网站运营中栏目排名优化技巧

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;不换行,超出部分隐藏且以省略号形式出现

相关文章

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:222天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3011 条
  • 文章评论:17 条
  • 微信公众号:扫描二维码,关注我们