领导上班突然找我说有一个网站的表格列太宽了,导致表格无法完整的浏览,让我赶紧改一下。
虽然我是后台程序员,但是改这个太简单了,在需要的 td 上加一个 width 属性不就完了,代码如下:
<td width="45%">地址/网址/网店</td>
让我没想到的是,改完后刷新了一下,超宽的列没有任何变化,我还以为有缓存呢,结果看了下代码已经加载出来了。
赶紧上网搜索了一下,发现是因为在内容超出长度时 td 的默认换行样式为 word-break:normal;
如果是中文的话可以根据单元格的宽度自动换行的,但如果是英文内容,那么这个样式不会自动换行。
恰好我个列超长的就是英文网址,因此我们需要修改一下 td 的换行样式,改为:word-break: break-all
就可以了。