在表格单元格中垂直居中选择输入

Questifer

我有一个窗体,其中包含带有选择输入的表。当前,选择输入位于单元格的顶部。我希望选择输入垂直居中。该表单是在Rails中生成的,但是生成的HTML和CSS与任何其他HTML / CSS表单相同。

呈现的HTML

<table class="table table-bordered" id="business_contacts">
    <thead>
        <tr>
            <th>Title*</th>
            <th>First Name*</th>
            <th>Last Name*</th>
            <th>Ownership*</th>
            <th>Position*</th>
            <th>Employee*</th>
            <th>Delete</th>
        </tr>
    </thead>
    <tbody>
        <tr class="fields" style="display: none;"> 
            <td>
                <select id="loan_application_business_contacts_attributes_1421767669447_prefix" name="loan_application[business_contacts_attributes][1421767669447][prefix]>
                    <option disabled="disabled" selected="selected" value=""></option>
                    <option value="Mr.">Mr.</option>
                    <option value="Mrs.">Mrs.</option>
                    <option value="Ms.">Ms.</option>
                    <option value="Dr.">Dr.</option>
                    <option value="Prof.">Prof.</option>
                </select>
            </td>
        </tr>
    </tbody>
</table>

CSS(不起作用)

#business_contacts select {
  display:inline-block;
  vertical-align:middle;
}
博詹德拉·拉尼雅

您需要使用td而不是选择元素本身来对齐它:

#business_contacts td {
  display:inline-block;
  vertical-align:middle;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法在表格单元格中垂直居中文本

来自分类Dev

在表格单元格中垂直居中伪内容,而不会超出表格底部

来自分类Dev

垂直/水平将表格单元格中包含的div中的数字居中

来自分类Dev

如何在表格单元格中垂直居中放置复选框?

来自分类Dev

如何在表格单元格中垂直居中放置内容

来自分类Dev

如何在表格单元格中垂直居中放置复选框?

来自分类Dev

iOS在表格视图中选择的单元格视图

来自分类Dev

在表格中选择单元格无法正常工作

来自分类Dev

美丽的汤:如果单元格中包含单词,请在表格中选择一行

来自分类Dev

从Google表格中的列表中选择随机单元格的简单方法

来自分类Dev

在 rowspan 单元格中居中垂直方向的按钮

来自分类Dev

WatchKit:表格单元格中的垂直对齐

来自分类Dev

在表格单元格中垂直对齐文本范围

来自分类Dev

如何摆脱表格单元格中多余的垂直间距?

来自分类Dev

表格单元格中的水平和垂直对齐

来自分类Dev

在表格单元格中垂直对齐文本范围

来自分类Dev

在表格单元格元素中创建垂直间隙

来自分类Dev

将表格单元格对齐居中

来自分类Dev

在使用表格单元格的垂直居中div时,我需要将div宽度设为100%

来自分类Dev

从VBA中的功能中选择单元格

来自分类Dev

从VBA中的功能中选择单元格

来自分类Dev

根据单元格中的值从列表中选择值

来自分类Dev

在Swift的cellForRowAtIndexPath中的UITableView中选择检测单元格

来自分类Dev

如何从excel中的中间列中选择单元格?

来自分类Dev

如何在文本方向为垂直的表格单元格中输入换行符(Libreoffice Writer)?

来自分类Dev

在表格单元格中内联输入和div

来自分类Dev

在表格单元格中内联输入和div

来自分类Dev

在UISearchDisplayController中选择单元格后滚动到UITableView中的选定单元格?

来自分类Dev

在Swift中以编程方式选择表格单元格

Related 相关文章

  1. 1

    无法在表格单元格中垂直居中文本

  2. 2

    在表格单元格中垂直居中伪内容,而不会超出表格底部

  3. 3

    垂直/水平将表格单元格中包含的div中的数字居中

  4. 4

    如何在表格单元格中垂直居中放置复选框?

  5. 5

    如何在表格单元格中垂直居中放置内容

  6. 6

    如何在表格单元格中垂直居中放置复选框?

  7. 7

    iOS在表格视图中选择的单元格视图

  8. 8

    在表格中选择单元格无法正常工作

  9. 9

    美丽的汤:如果单元格中包含单词,请在表格中选择一行

  10. 10

    从Google表格中的列表中选择随机单元格的简单方法

  11. 11

    在 rowspan 单元格中居中垂直方向的按钮

  12. 12

    WatchKit:表格单元格中的垂直对齐

  13. 13

    在表格单元格中垂直对齐文本范围

  14. 14

    如何摆脱表格单元格中多余的垂直间距?

  15. 15

    表格单元格中的水平和垂直对齐

  16. 16

    在表格单元格中垂直对齐文本范围

  17. 17

    在表格单元格元素中创建垂直间隙

  18. 18

    将表格单元格对齐居中

  19. 19

    在使用表格单元格的垂直居中div时,我需要将div宽度设为100%

  20. 20

    从VBA中的功能中选择单元格

  21. 21

    从VBA中的功能中选择单元格

  22. 22

    根据单元格中的值从列表中选择值

  23. 23

    在Swift的cellForRowAtIndexPath中的UITableView中选择检测单元格

  24. 24

    如何从excel中的中间列中选择单元格?

  25. 25

    如何在文本方向为垂直的表格单元格中输入换行符(Libreoffice Writer)?

  26. 26

    在表格单元格中内联输入和div

  27. 27

    在表格单元格中内联输入和div

  28. 28

    在UISearchDisplayController中选择单元格后滚动到UITableView中的选定单元格?

  29. 29

    在Swift中以编程方式选择表格单元格

热门标签

归档