知识屋:更实用的电脑技术知识网站
所在位置:首页 > 编程技术 > PHP编程

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

发布时间:2015-05-27 19:31:36作者:知识屋

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

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

#test{

      ......;

         ......;

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

}

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜