0
我正在爲我的課程進行重新設計,即使使用下拉菜單,我也無法獲得按鈕。我一直在嘗試不同的方式,但不能讓他們排隊。讓按鈕坐在下拉菜單中
http://jgoldd.github.io/wsp/Project/index.html
我正在爲我的課程進行重新設計,即使使用下拉菜單,我也無法獲得按鈕。我一直在嘗試不同的方式,但不能讓他們排隊。讓按鈕坐在下拉菜單中
http://jgoldd.github.io/wsp/Project/index.html
試試這個CSS:
button, input, select, textarea {
font-size: 100%;
margin: 0 0 0 10px;
vertical-align: baseline;
float: left;
}
和實驗吧!祝你好運! :)
您是否嘗試過使用表?通常這解決了一切。
這裏是工作的jsfiddle>http://jsfiddle.net/PV3p5/
而這裏的HTML。嘗試一下!
<table style="border:none;">
<tr>
<td>State:
<select name="state_list" id="state_list">
<option value="" selected="selected">Select a State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</td>
<td style="padding-left:50px;"> City:
<select name="main_city_list" id="city_list">
<option>albuquerque</option>
<option>amarillo</option>
<option>boulder</option>
<option>central sd</option>
<option>clovis-portales</option>
<option>colorado springs</option>
<option>denver</option>
<option>eastern colorado</option>
<option>farmington</option>
<option>fort collins</option>
<option>grand island</option>
<option>high rockies</option>
<option>lincoln</option>
<option>logan</option>
</select>
</td>
</tr>
</table>
工作!謝謝!但爲什麼它工作?垂直對齊? –
不是。它只是使這個魔法的'浮動'!:)如果你想更多的解釋去這裏:[CSS FLOAT](http://alistapart.com/article/css-floats-101) – aldanux