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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
