-1

コンテナ (div) を中央に配置する方法を知りたいです。margin:auto/ margin:0 auto;/ margin-left:auto;/を使用margin-right:auto;しましたが、これらはすべて機能していません。

そして、位置タグの正確な用途は何ですか?また、いつ使用する必要があるのでしょうか?

CSS (コメントから):

body 
{ 
    background-image:url('images/bgbody.jpg'); 
    background-repeat:no-repeat; 
    background-size:cover; 
    margin:0 0 0 0; 
    padding:0 0 0 0; 
} 
.main /*main container*/ 
{ 
    float: left; 
    margin: 0 auto ; 
    width: 1550px; 
    /*float:left; width:100%; height:100%; /*background-image:url('images/bgbody.jpg') ; background-size:cover;*/ 
    /* margin-left:300px; overflow-x:false; */ 
    }

.containermain /* container which i want to make center*/ 
{ 
    float:left; 
    width:1000px; 
    background-image:url('images/bgmiddle.jpg'); 
    /*margin: auto 0; */ 
    background-repeat:no-repeat; 
    background-size:cover; 
}
4

3 に答える 3

2

これは、次の CSS コードを追加することで簡単に実行できます。 

display: table-cell;
vertical-align: middle;

例http://jsfiddle.net/h5j7B/30/

ただし、内部にテキスト用のコンテナがある場合は、別の方法で実装できますdiv。

編集 1

次のように変更する必要があります

.main {
 float: left;
 margin: auto 0;
 width: 1600px;
}
于 2013-04-16T06:14:19.390 に答える
1

margin: 0 auto を使用する場合は、div ブロックの幅を指定する必要があります。

于 2013-04-16T07:06:09.957 に答える
0

これにより、divがマージンなしで中央に配置され、

 <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0;     right: 0; left: 0; z-index: 9999999; background-color: #000000;">

<div style="border-width: 0px; position: relative; padding: 50px; background-color: #FFFFFF; top: 49%; color: #333;">Content</div>
</div>

ポジションについては、http://www.w3schools.com/cssref/pr_class_position.asp および http://davidwalsh.name/css-fixed-position を確認し て ください。

于 2013-04-16T06:52:16.737 に答える