0

<input>とボックスの両方を配置し、<select>それらを灰色の線で区切ると、それは私が望む方法を示しています。

問題は、2つの要素が残りの要素のように中央に配置されないことです。彼らはずっと左にとどまります。text-align:center;これらには適用されませんか？

CSS

li{
float: left;
border-left: 2px solid #999999;
padding: 0 10px;
list-style-type: none;
}
li.f{
border: 0;
padding: 0 10px 0 0;
}

HTML

<li class="f">
<select><option value="things">things</option></select>
</li>
<li>
<input type="checkbox">Check me
</li>
4

2 に答える 2

1

ここに行きます：http： //jsfiddle.net/YPyRF/36/

あなたはあなたのLIの左を浮かせていたので、私はそれを交換し、UL
display:inline-block;を装着しました。text-align:center;

CSS

li{
    display:inline-block;
    border-left: 2px solid #999999;
    padding: 0 10px;
    list-style-type: none;
}
li.f{
    border: 0;
    padding: 0 10px 0 0;
}
ul {
    text-align:center;
}
于 2012-10-26T16:27:33.873 に答える
0

あなたはあなたに与えることができmargin-left: 40%;ます、あなたはそれが中央に来るように両方のliのli.f幅に応じてそれを調整することができます、あなたのフィドルには問題ないようです。40%

ここにデモ

于 2012-10-26T16:29:09.550 に答える