0

はい、これには他にも質問があります。しかし、彼らの指示に従ってこの div センターを作成することはできません。なんで？

HTML

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
        <div>
            <div class="center"></div>
        </div>
    </body>
</html>

CSS:

body {
    line-height: 1;
}

.center {
    position: fixed;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}
4

7 に答える 7

2

position:fixed;をに変更position:relative;

于 2013-06-12T23:38:54.047 に答える
1

これを使って ！

.center {

margin-left: auto;
margin-right: auto;
width: 300px;
 }

or

.center {

margin:0 auto; 
width: 300px;
 }

これがフィドルです!!

于 2013-06-13T07:57:59.240 に答える
1

position: fixeddiv スタイルから を削除します。

また、display: ブロックは必要ありません...とにかくデフォルトである必要があります。そして poke は正しいです。余分な div は必要ありません。

これが機能する例です... http://jsfiddle.net/VYmw6/1/

于 2013-06-12T23:39:12.533 に答える
1

を持っているので、あなたdivは中央に配置されませんposition:fixed。それを削除すると機能します。:)

ここで JSfiddle を参照してください: http://jsfiddle.net/6XWMR/

于 2013-06-12T23:39:21.993 に答える
1

position: fixedは div の位置自体を絶対にします (固定されているため、スクロールしてもその位置にとどまります) 。これは、自動マージンが機能しないことを意味します。位置ルールを削除するか、代わりに div を絶対に配置することで、これを修正できます。

.center {
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
}

関係のないメモとして、追加divはまったく役に立たないので、そのままにしておくことができます。また、div はデフォルトでブロック要素であるため、display: block;ルールを省略することもできます。

于 2013-06-12T23:40:51.650 に答える
1

を使用した理由はありますposition: fixedか? とにかく、これがあなたに役立つことを願っています

CSS:

.center {
    margin: 0 auto;
    width: 300px;
}

デモ

于 2013-06-13T00:28:20.320 に答える
-1

コードを次のように変更します

<center>
     <div> 
          content
     </div>
</center>

基本的には、中央揃えにしたいdivをタグで囲みます。

これがあなたのプロジェクトに役立つことを願っています:-)

于 2013-06-13T07:45:03.893 に答える