今天遇到一位朋友的下载站地址不换行问题,如下:
右侧文字显示不全,明显被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;