9个回答
展开全部
1、首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：
2、然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50%，那么元素就左右居中了：
3、最后打开浏览器就可以看到居中的一行表格了：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用align=”center“即可实现表格的居中。代码实例如下：
<html>
<meta charset="utf-8">
<body>
<table align="center" border="1">
<tr>
<td>表格内容</td>
</tr>
</table>
</body>
</html>
效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、<table align="center">
</table>
2、<style type="text/css">
#biaoge{
margin:6px;
padding:2px;
text-align:center;
}
#biaoge table{
margin:0px auto;
}
</style>
<div id="biaoge">
<table>
<tr><td>单元格1</td><td>单元格2</td></tr>
<tr><td>单元格3</td><td>单元格4</td></tr>
<tr><td>单元格5</td><td>单元格6</td></tr>
<tr><td>单元格7</td><td>单元格8</td></tr>
</table>
</div>
</table>
2、<style type="text/css">
#biaoge{
margin:6px;
padding:2px;
text-align:center;
}
#biaoge table{
margin:0px auto;
}
</style>
<div id="biaoge">
<table>
<tr><td>单元格1</td><td>单元格2</td></tr>
<tr><td>单元格3</td><td>单元格4</td></tr>
<tr><td>单元格5</td><td>单元格6</td></tr>
<tr><td>单元格7</td><td>单元格8</td></tr>
</table>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ight="100" border="0" align="center" valign="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#999966">
<td> </td>
</tr>
</table>
<tr bgcolor="#999966">
<td> </td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
文字居中text-align:center
布局居中 margin:0 auto;
垂直居中 vertical-align:middle
布局居中 margin:0 auto;
垂直居中 vertical-align:middle
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（7）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
