页面设计 中英文输出 自动换行
程序员文章站
2024-02-03 08:17:52
...
今天又经历了恶心的页面错位现象,原因很简单,在页面输出汉字时,如果区域宽度不够了,会自动换行,然而,英文字母不可以,也就是说你输出类似"aaaaaaaaaaaa"的一串字符,页面认为这是一个单词,无法断开,如果在中输出,而这个区域宽度只有3个字符,那么,页面将发生错位。如果换成"aaa aaa aaa aaa" 当然可以了,因为页面把他们看做是是四个单词,也就能换行了。
如果想强行换行在只需在CSS设计中加上 word-wrap:break-word;/*强行换行*/即可
#test{
......;
......;
word-wrap:break-word;/*强行换行*/
}
推荐阅读
-
页面设计 中英文输出 自动换行
-
响应式设计时如何自动阻止移动浏览器自动调整页面大小_html/css_WEB-ITnose
-
如何设置一段文字,是它的宽度是页面宽度的62%且能自动换行?_html/css_WEB-ITnose
-
响应式设计时如何自动阻止移动浏览器自动调整页面大小_html/css_WEB-ITnose
-
php自动跳转中英文页面
-
如何设置网页中的一段文字,使它的宽度是页面宽度的62%且能自动换行?_html/css_WEB-ITnose
-
php自动跳转中英文页面
-
页面自动生成工具设计_html/css_WEB-ITnose
-
效控制C#中label输出文字的长度,自动换行
-
自动跳转中英文页面