0

さて、私はリストを持っています、そして私はCSSを使用してその中にすべてを集中させたいです。

とにかく、私はそれをグーグルで検索しました、そして私はリストスタイルを削除することを見つけました、そして左マージンはありません。しかし、私もそれを中央に配置したいので、を使用しますtext-align:center;。しかし、何らかの理由でインデントが表示されるため、正確に中央に配置されていません。これが私が望んでいることです。

例が必要な場合は、tst.burngames.netにあります。

ウェブサイトがあるときは誰もが明らかにコードを必要としているので..

HTML：

<body>
    <div id="search">
        <input id="search_input" placeholder="Search for game.">
        <ul id="search_list">
            <li>
                One
            </li>
            <li>
                Two
            </li>
            <li>
                Three
            </li>
        </ul>
    </div>
</body>

CSS：

body {

    background: url(../images/fire.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#search {

    background-color:white;
    border-color:black;
    border-style:double;
    border-width: thick;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    width:600px;
    height:100%;
}

#search_input {

    width:99%;
    height:50px;
    margin-top:20px;
    text-align:center;
}

#search_list {

    width: 99%;
    margin-left:auto;
    margin-right:auto;

}
li {

    list-style-type:none;
    padding-left: 0px;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;

}
4

3 に答える 3

0

それをDIVに投入し、DIVを中央に配置してみてください。

于 2013-03-24T22:38:41.103 に答える
0

次の例が役立ちます。

HTML：

<ul class="nice">
    <li>James</li>
    <li>Dan</li>
</ul>

CSS：

.nice {
    list-style-type: none;
    text-align: center;
    padding:0px;
}

これが動作するjsFiddleです-http ://jsfiddle.net/8NjfW/1/。

アップデート

これがあなたの新しいコードに関して機能しているjsFiddleです-http: //jsfiddle.net/APv9P/

于 2013-03-24T22:42:55.200 に答える
0

インデントは、ユーザーエージェントスタイルシートによるドキュメントのデフォルトのフォーマットのために表示されます。パディングを取り除くには、に追加padding: 0するだけ#search_listです。

#search_list {
    list-style-type: none;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0;
}
于 2013-03-24T22:45:57.130 に答える