内容居中对齐

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;

到css中的#column1-wrap

Answer 3

hi Div有一个属性align来居中显示内容

<div align:center>
</div>

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