如何设置HTML页面自适应宽度的table(表格)（一）_随笔

<!DOCTYPE html>

<html>

<head>

<title>自适应宽度的table</title>

table{

table-layout: fixed

border-collapse: collapse

width: 100%

}

</style>

</head>

<body>

<tr>

<th>Header</th>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

用jquery获取浏览器实时的宽度,然后设置table宽度

<table>

<thead>

</thead>

<tbody>

<tr>

<td>楼上说的很对</td>

</tr>

</tbody>

</table>

function resize() {

var width = $(document).width() //获取浏览器宽度

$("table").width(width)//设置table宽度

}

</script>

</body>

宽度自适应吧.不要设置成1300px,width:100%margin:0 autodiv标签里的宽度不超过分辨率可以设置max-width:100%这样就不怕了,不过兼容性不是很好,ie6不认识,你可以搜一搜兼容性的办法

欢迎分享，转载请注明来源：内存溢出

如何设置HTML页面自适应宽度的table(表格)（一）