中心对齐文本与选择选项 [英] Center Align Text with Select Option

问题描述

如何垂直将文字与选择选项对齐。

链接： http://mink7.com/projects/test/dashboard.html

解决方案

使用标签如此示例中的小提琴。标记：

 < form action => 
< label for =startDate>开始日期：< / label> 
< select id =startDate> 
< option value =Mar 04> Mar 04< / option> 
< / select> 
< label for =endDate>结束日期：< / label> 
< select id =endDate> 
< option value =Aug 04> 8月04< / option> 
< / select> 
< / form> 
  

当这不工作时，有一些继承的风格干扰，并尝试设置 vertical-align：middle ，如此演示中所示。 p>

How to vertically Align a text with a Select Option.

Link: http://mink7.com/projects/test/dashboard.html

解决方案

Use labels as in this example fiddle. Markup:

<form action="">
    <label for="startDate">Start Date:</label>
    <select id="startDate">
        <option value="Mar 04">Mar 04</option>
    </select>
    <label for="endDate">End Date:</label>
    <select id="endDate">
        <option value="Aug 04">Aug 04</option>
    </select>
</form>

When this does not work, then there are some inherited styles interfering and try to set vertical-align: middle as shown in this demo.

这篇关于中心对齐文本与选择选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！