我为表单字段使用了一个“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>
最佳答案
改用“inline-table”样式:
Possible ways of arranging DevExpress controls within a page
关于css - 如何避免带有内联关联输入的 'bottom-aligned' 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9860898/