页面显示中,经常性的,文本框和按钮不再同一水平线上,让页面显得不好看,查询资料,和尝试下,得到下面一种解决方法:
采用浮动和设置高度
先让文本框左浮动,按钮左浮动,让两者的上边界在同一水平线上,
再设置按钮的高度,让其和文本框一样高,那么两者就可以在同一条水平线上了
下方是一个例子:
<select style="Float:left;height:30px">
<option value="1">root</option>
<option value="2">admin</option>
</select>
<input type="button" style="Float:left;height:30px" value="确认转发"/>