1. 云栖社区>
  2. PHP教程>
  3. 正文

页面设计 中英文输出 自动换行

作者:用户 来源:互联网 时间:2017-12-01 10:11:58

设计汉字英文字母今天

页面设计 中英文输出 自动换行 - 摘要: 本文讲的是页面设计 中英文输出 自动换行, 今天又经历了恶心的页面错位现象,原因很简单,在页面输出汉字时,如果区域宽度不够了,会自动换行,然而,英文字母不可以,也就是说你输出类似"aaaaaaaaaaaa"的一串字符,页面认为这是一个单词,无法断开,如果在<p id="tes

今天又经历了恶心的页面错位现象,原因很简单,在页面输出汉字时,如果区域宽度不够了,会自动换行,然而,英文字母不可以,也就是说你输出类似"aaaaaaaaaaaa"的一串字符,页面认为这是一个单词,无法断开,如果在<p id="test"></p>中输出,而这个区域宽度只有3个字符,那么,页面将发生错位。如果换成"aaa aaa aaa aaa" 当然可以了,因为页面把他们看做是是四个单词,也就能换行了。

如果想强行换行在只需在CSS设计中加上 word-wrap:break-word;/*强行换行*/即可

#test{

      ......;

         ......;

    word-wrap:break-word;/*强行换行*/

}

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索设计 , 汉字 , 英文字母 今天 ,以便于您获取更多的相关知识。