[转发]Web前端Table中的tr和td按百分比设定宽度和高度，当内容超出时Table变型解决

如果table按照百分比设定宽度和高度，当表格内部任意内容超出所在元素的百分比值时就会使得表格变形。

<table width='80%'>

<tr>

<td width='50%'>内容超过50%</td>

</tr>

</table>

当内容超过50%时，就会使Table变形。此时只需在table标签上设置style=''的table-layout:fixed。

表示：固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关。

 

来源:http://blog.csdn.net/eugeneheen