CSS禁止文字自动换行
yqxbc 发布时间:08-29 来源:一起学编程 浏览:9次
  当中文文字很长的时候(中间没有空格也没有换行符号),不管是IE还是firefox,到达边界都会自动换行。 但是有的情况,我们并不希望这样。比如:当在几个li并排排列,不想让每行的最后的一个li的文字自动换行,那就可以使用"white-space:nowrap"这个属性了。

  使用这个CSS属性之后,文本只有在遇到空格或者是换行符的时候才能换行,比如:
<style type="text/css">
p{width:300px;border:1px solid red;margin:10px;overflow:hidden;}
.nowrap{white-space:nowrap;}
</style>
<p class="nowrap">这是一段很长的文字,中间没有空格,也没有换行,它不会自动换行直到被截取掉</p>
<p>这是一段很长的文字,中间没有空格,也没有换行,但它会自动换行</p>

  上面两个p里超宽的文字,第一个里面的被禁止换行,然后超宽的被截取了;第二个不做设置,于是自动换行了。
如果你有好的win10资讯或者win10教程,以及win10相关的问题想要获得win10系统下载的关注与报道。
欢迎加入发送邮件到657025171#qq.com(#替换为@)。期待你的好消息!