兩個因素在同一行，但不能定心

當試圖將兩者的<input>和<select>框和它們之間用灰色的線分離，它只是我多麼希望它顯示。兩個因素在同一行，但不能定心

的問題是，這兩個元素並不像中心休息。他們一直留在左邊。 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>

來源

2012-10-26 Jason Stackhouse

你正在浮動左... ...爲什麼那些在列表中？你有這些li標籤包裝在ul或ol的權利？ –

@RickCalder我認爲這是一個好主意？我只需要找到一種方法來集中這一點。浮動：左/右也不行，我已經試過:( –

中心就在那裏你不給任何上下文代碼 –

這裏亞去： http://jsfiddle.net/YPyRF/36/

你在漂流的李的左，所以我
取而代之，我把text-align:center;放在UL上。

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-26 16:27:33

你的小提琴鏈接到一個空的小提琴 –

非常感謝你，@亞當！ –

你可以給margin-left: 40%;你li.f，該值可以根據兩個裏的所以它得到爲本，40%似乎罰款您的小提琴寬度的調整。

這裏的demo

來源

2012-10-26 16:29:09 Nelson

兩個因素在同一行，但不能定心

回答

相關問題