1

これは簡単だと本当に思っていましたが、気が狂っています！画面のdivの中央にdivを配置したいだけです。しかし、画面の中央にあるdivの左上ではなく、中央のdivの中心です。

これが私のdiv cssです

.box
{
    padding-top:20px;
    padding-left:5px;
    background-color: #ffffff;
    background-color: rgba(221,221,221,0.5);
    border: 1px solid black;
    border-radius: 25px;
    filter: alpha(opacity=90);
    height: 125px;
    width: 250px;
    z-index: 1;
}

<form id="form1" runat="server">
<div id="box"><div>
</form>

ありがとう！コードブロックでhtmlをサイドに配置する方法がわかりませんでした。これは、水平方向と垂直方向の中央にあります。

4

3 に答える 3

4

水平方向と垂直方向の両方の中央に配置する必要がある場合は、 position:absolute を使用します。

#box {
    position:absolute; 
    top:0; left:0; right:0; bottom:0; 
    margin:auto;
    /* etc */
}

http://jsfiddle.net/wcFMw/

于 2013-09-24T15:50:01.447 に答える
4

水平方向に中央揃えするには:

margin:auto;

垂直方向に中央揃えするには:

position: absolute;
top: 0; left: 0; bottom: 0; right: 0;

position: fixedページをスクロールするときでも、div を中央に配置するために使用することもできます。

また、 select by id#の代わりに使用する必要があることに注意してください。classに使用される CSS セレクターです。..

Jsフィドル

于 2013-09-24T15:45:19.623 に答える
0 
margin:0 auto;

このプロパティを CSS クラスに追加します。

于 2013-09-24T15:47:30.490 に答える