1

CSS 3 を使用して 2 つのボタンを中央揃えにしようとしています。これまでのところ、このコードがあります。現在、ボタンはデフォルトで左揃えになっています。どんな助けでも素晴らしいでしょう。

HTML:

<ul>
<li class="menubutton"><a href="about.html">About</a></li>
<li class="menubutton"><a href="staffing.html">Staff</a></li>
</ul>

CSS:

.menubutton{
        text-align: center;
        background-color: beige;
        height: 50px;
        width: 100px;
        border-radius: 5px;
        display: inline-block;
}
4

3 に答える 3

4

<ul>次のようにする必要があります。

<ul>
<li class="menubutton"><a href="about.html">About</a></li>
<li class="menubutton"><a href="staffing.html">Staff</a></li>
</ul>

そしてCSS：

ul{
text-align: center;
}
于 2015-10-16T22:17:53.930 に答える
1

あなたは間違いなく text-align:center; を入れたいと思っています。中央に配置する要素の外側。それができない場合は、幅とマージンの組み合わせを使用してください: X auto;

于 2015-10-16T23:38:33.653 に答える
1

ボタンを div 内に配置し、text-align を使用します。

<div id="container">
    <li class="menubutton"><a href="about.html">About</a></li>
    <li class="menubutton"><a href="staffing.html">Staff</a></li>
</div>

CSS:

#container {
    text-align:center;
}
.menubutton{
        text-align: center;
        background-color: beige;
        height: 50px;
        width: 100px;
        border-radius: 5px;
        display: inline-block;
}

ここで試してみてください

于 2015-10-16T22:17:32.127 に答える