css - 如何避免带有内联关联输入的 'bottom-aligned' 标签？

Question

我为表单字段使用了一个“ul”标签，在它的每个 li 标签中我放置了一个标签和输入，使用标准的 Html.Label 和 Html.Editor 助手，除了下拉菜单，我在其中使用 DevExpress ComboBox 扩展。这会呈现一个表格而不是一个选择标记，这很好，但是当我将此表格上的 CSS display 属性设置为“inline-block”以将其放置在其标签旁边时，标签会被推送向下，它通常会与输入中间对齐，现在它与输入“底部对齐”。如何将“类(class)类型”标签与图像中的“名称”标签对齐？

呈现的 HTML 非常类似于以下内容，只是为了简洁而缩短:

<li>
    <label for="" style="width: 80px;">*Course Type</label>
    <table class="dxeButtonEdit_Office2010Black">
        </tbody>
    </table>
</li>

Answer 1

改用“inline-table”样式:

Possible ways of arranging DevExpress controls within a page

Data Editors - Model Validation