html - divを中央揃え

Question

これが私のhtmlへのリンクです http://jsfiddle.net/9rprY/18/

この場合、ラッパーの真ん中に来るように、真ん中の水色のdiv（#events）が必要です。

score 0 · Accepted Answer

以下のように、マージンを0に追加し、cssコードで自動化します。

#events {
margin: 0px auto; 
padding: 48px 0px 10px 10px; 
position:relative; 
height:auto; 
width:320px;
background-color:aqua
}

float：left; 削除する必要があります、私は以前に気づかなかったので、答えを編集しました。

score 0 · Accepted Answer

CSSの変更：

#events {
    margin: 0px auto; 
    padding: 48px 0px 10px 10px; 
    position:relative; 
    height:auto;
    width:320px;
    background-color:aqua;
   overflow:hidden;
}

フィドルのデモ： http： //jsfiddle.net/9rprY/22/

score 0 · Accepted Answer

試す：

#wrapper{
    width:600px; /* set width of wrapper div */
    display:block;
}
#event{
    margin:0 auto;
    width:320px;
}

score 0 · Accepted Answer

次の行を削除するだけです。

float: left;

と編集 marginしheightて：

margin: 0 auto;
height: 25px;

これがフィドルです

score 0 · Accepted Answer

これはあなたが望むものですか。これがjsfiddleです。

#eventscssをに変更します

#events {
   margin: 10px 85px 14px 80px;
z-index: 100;
position: relative;
height: auto;
float: left;
width: 320px;
background-color: cyan;
}

score 0 · Accepted Answer

これを試してみてください。

変更イベントdivcss

#events {
margin: auto; 
padding: 48px 0px 10px 10px; 
position:relative;
min-height:40px;
height:auto;  
width:320px;
background-color:aqua
}

jsFiddlehttp : //jsfiddle.net/9rprY/54/でチェックインできます

html - divを中央揃え

6 に答える 6

Related

Reference