html - コンテンツを中央揃え

Question

私の Web ページには、次の 2 列のレイアウト設定があります。

<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;