关于英文文章页内容自动换行的兼容性解决办法
- 作者：我爱模版网
- 类型：图文教程
- 点击次数：
- 发布时间：2014-01-14 13:20
今天遇到一位朋友的下载站地址不换行问题，如下：
右侧文字显示不全，明显被overflow:hidden 了。
查看源代码，发现结构大概这样：
<div>
<div>
里面是下载地址
</div>
</div>
第一反应应该是外面的div给了固定宽度，并且给了overflow:hidden（注：overflow:hidden 在IE6下是没有效果的，加个position:relative即可），而内层的div没有给宽度造成的。于是用行内样式给了内层div一个宽度，发现在火狐下，的确换行了，但是在谷歌等浏览器仍旧是不换行，只能采用英文强制换行。就是给里面的div加如下样式：
width:500px; table-layout:fixed; word-break: break-all; overflow:hidden;
- 本文标签：
- 英文自动换行,css英文换行
