两个DIV如何居中在一列

来源：百度知道 编辑：UC知道 时间：2024/05/15 09:15:29
以下是代码；
<body>
<div>
<div>
<h1>此处显示新 Div 标签的内</h1>
</div>
<div>
<h1>此处显示新 Div 标签的内</h1>
</div>
</div>
</body>

居中方法太多啦!一般都用margin:0 auto;

<body>
<div style="margin:0 auto;width:604px;">
<div style="float:left;width:300px;border:1px solid #CCC">
<h1>此处显示新 Div 标签的内</h1>
</div>
<div style="float:left;width:300px;border:1px solid #CCC">
<h1>此处显示新 Div 标签的内</h1>
</div>
</div>
</body>

还有<center></center>这个元素也可以居中;
表格居中用:vertical-align:middle;

<div>
<h1 style="text-align: center">此处显示新 Div 标签的内</h1>
</div>
<div>
<h1 style="text-align: center">此处显示新 Div 标签的内</h1>
</div>
</body>

/*css*/
#con{width:80%;margin:auto;}
#left,#right{float:left;width:50%;}
.br{height:0;width:0;font-size:0;height-line:0;padding:0;margin:0;clear:both;}

<!--xhtml-->
<body>