tml中使一个table或者div永远处于中间位置,首先需要理解块元素的概念,如div、table都是width和height属性,然后在通过css中的一个margin属性,来实现居中,具体用法看下图:
不管浏览器的宽度是多少,这个属性就会将div居中,具体看下代码:
<html>
<head>
<style>
#round{
width:400px; //通过给divwidth和heigh值,在通过margin属性来定位
height:200px;
margin:0 auto;
}
table{ //通过给divwidth和heigh值,在通过margin属性来定位
width:300px;
height:50px;
margin:0 auto;
}
</style>
</head>
<body>
<div id="round">
<p>我会居中</p>
</div>
<table>
<tr>
<td>我会居中</td>
</tr>
</table>
</body>
</html>