首页 > 建站教程 > Div+Css >  关于英文文章页内容自动换行的兼容性解决办法正文

关于英文文章页内容自动换行的兼容性解决办法

今天遇到一位朋友的下载站地址不换行问题,如下:

css图片地址

右侧文字显示不全,明显被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;