;符号导致a,div等不换行的解决方法
最近,齐毛鸭在调试一个英文网页时候发现; 符号导致a,div等不换行。一个只有100px的div下的a,死活都不换行。默认情况下,如果文字超过了容器的宽度,比如,100px内的a标签里超过了100px的文字,就会自动换行。后来在网上搜索,发现大家都在问如何让a不要自动换行,而我却需要a换行。于是查看源文件,发现,我的这个网页下面的a里面的文字中间的空格全是; 大家知道,浏览器对空格的解释是这样:一个空格输出来就是一个空格,效果相当于用一个 ; 而超过一个空格(指用键盘上的空格键打出来的空格)在浏览器解释下则变成一个。
问题就出在这个; 的转义字符上。后来自己新建了一个网页测试,果然,; 导致a,div等容器不会自动换行。先看下实例代码:
Everybody has blue days. Don’t lose yourself and your dream will come true.
Everybody has blue days. Don’t lose yourself and your dream will come true.
齐 毛 鸭 博 客 关 注 网 站建设和网络营销。
大家可以查看下源代码,我给a定义了100px,第一个a文字之间的空格是键盘上的空格键打出来的,可以自动换行;第二个a文字的空格是由 输出的,不能换行。在中文中同样得到验证。
原理是:浏览器在输出的时候把 输出成为空格了,但是同时,它又把 当作文字之一,也就是说第二个那么长的一段话变成了一个单词。
解决方法:如果是静态网页,就把 换成空格键打出来的空格;如果是程序,必须完善程序代码。
xhtml-css-js-cms, 网页制作 ;符号导致a不换行, css, html, 如何让链接a换行一月 17, 2009
No Comment