如何设置HTML页面自适应宽度的table
3个回答
展开全部
用jquery获取浏览器实时的宽度,然后设置table宽度
<body onload="resize();" onresize="resize();">
<table>
<thead>
<th>col1</th>
<th>col2</th>
</thead>
<tbody>
<tr>
<td>我是帅哥</td>
<td>楼上说的很对</td>
</tr>
</tbody>
</table>
<script src="js/JQuery.min.js"></script> //别忘了引入JQeury的js文件
<script>
function resize() {
var width = $(document).width() ; //获取浏览器宽度
$("table").width(width) ; //设置table宽度
}
</script>
</body>
<body onload="resize();" onresize="resize();">
<table>
<thead>
<th>col1</th>
<th>col2</th>
</thead>
<tbody>
<tr>
<td>我是帅哥</td>
<td>楼上说的很对</td>
</tr>
</tbody>
</table>
<script src="js/JQuery.min.js"></script> //别忘了引入JQeury的js文件
<script>
function resize() {
var width = $(document).width() ; //获取浏览器宽度
$("table").width(width) ; //设置table宽度
}
</script>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
table的很简单啊
<table width="100%">
<table width="100%">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
table中添加样式 style="width:100%;"，有用请采纳；//用样式比较规范；
<table style="width:100%;background-color:#00f;border:1px solid #f00;">
<tr>
<td>如何设置HTML页面自适应宽度的table</td>
</tr>
</table>
<table style="width:100%;background-color:#00f;border:1px solid #f00;">
<tr>
<td>如何设置HTML页面自适应宽度的table</td>
</tr>
</table>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
