2

div を水平方向に中央揃えする作業を行っています。body タグの div を垂直方向と水平方向の両方で中央に配置する次のコードがありますが、垂直部分だけが機能するようです。水平部分も機能させるにはどうすればよいですか。前もって感謝します。

body
{
    background-color: #081418;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969; 
    text-align: center;
}

.OuterRim
{
    border:5px solid #99D7C0;
    height: 97%;
    width: 85%;
    /*center aligning*/ 
    display: block;
    text-align: left;
    margin: 0px auto;

}
4

3 に答える 3

3

その方法については、こちらのチュートリアルをご覧ください。固定幅の要素が必要です。これは css または jquery で実行できます。

于 2013-02-11T21:40:10.063 に答える
3
margin:0px auto;

divが絶対または固定に配置されている場合は、使用します

margin:0px auto;
left:0;
right:0;
于 2013-02-11T21:41:47.440 に答える
0

http://jsfiddle.net/persianturtle/jm7vF/1/

私が正しく理解すれば、これで問題が解決する可能性があると思います。

div の周りにコンテナー div を配置し、パーセンテージ マージンを全体に配置しました。

.container {
height: 50%;
margin: 25% 25% 25% 25%;
}

お役に立てれば!

于 2013-02-11T21:42:28.347 に答える