twitter-bootstrap – 水平形式纯文本垂直对齐

发布时间：2020-12-17 20:41:30 所属栏目：安全来源：网络整理

导读：在我的水平形式中,我尝试有一行,它不包含编辑控件,只是一个静态文本(例如,不可编辑的ID).当我把它放在那里它没有与标签对齐.是否有一个元素/类可以让它正确对齐？ div class="form-horizontal" div class="control-group" label class="control-label"ID:/la

在我的水平形式中,我尝试有一行,它不包含编辑控件,只是一个静态文本(例如,不可编辑的ID).当我把它放在那里它没有与标签对齐.是否有一个元素/类可以让它正确对齐？

<div class="form-horizontal">

    <div class="control-group">
        <label class="control-label">ID:</label>
        <div class="controls">
            <span class="help-inline">777</span>
        </div>
    </div>

</div>

解决方法

没有看到你的CSS看起来像什么,这很难定义.

但是使用vanilla Bootstrap CSS,请尝试为您的跨度设置padding-top,如下所示：

.help-inline {
    padding-top: 5px;
}

Fiddle here.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!