中心对齐内容

Question

我的网页上有以下两个列布局设置：

<div id="column1-wrap">
    <div id="column1">Column one content</div>
</div>
<div id="column2">
    Column two content
</div>
    <div id="clear"></div>

由以下CSS提供支持：

#column1-wrap {
    float: left;
    width: 1000px;}
#column1 {
    margin-right: 600px;}
#column2 {
    float: left;
    width: 600px;
    margin-left: -600px;}

如何将其放在我的网页上？

Answer 1

你可能会这样做： 的 HTML

<div class="container">
   <div id="column1-wrap">
     <div id="column1">Column one content</div>
   </div>
   <div id="column2">
      Column two content
   </div>
</div><!--container-->

<强> CSS

.container{
    border:1px solid blue;
    margin:0px auto;
    }

Answer 2

尝试添加

margin: 0 auto;

到＃column1-wrap in css

Answer 3

hi Div有一个Property对齐以使内容居中

<div align:center>
</div>

或 将样式设为margin:0px auto;