网页表格上下居中代码怎么写( 二 ) _居中

如果还要水平居中：#some{width:300px; height:300px;postion:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-150px} 。
6.html中如何让表格在浏览器中上下左右居中左右居中：margin:0 auto;
上下居中：
1.设置父级div高度（假设为300px）;
2.设置table的高度（假设为100px）;
3.设置margin-top为：300px/2 - 100px/2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
body {
width: 300px;
height: 300px;
border: 1px solid red;
text-align: center;
}
table {
width: 100px;
height: 100px;
border: 1px solid green;
margin: auto;
margin-top: 100px;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<td>；这是一个table</td>
</tr>
</table>
</div>
</body>
</html>
7.html表格居中代码1、首先打开vscode编辑bai器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：du
2、然后在上方的style标签中加入css样式，设置table标签的样zhi式，table的元素dao具有长度版自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50%，那么元素就左右居中了：
3、最后打开浏览器就可以看到居中的一行表格了权：
8.html表格上下居中在表格外面嵌套另一个高度为 100% 的表格，外层的表格设置 td 的 valign 属性为 middle
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle">
<table><tr><td>sdfsdfsf</td></tr></table>
</td></tr></table>

文章插图