Question

您好我有这种结构的输入组：

<div class="input-group">
        <span class="input-group-addon">
            Jesteś użytkownikiem<br /> tych urządzeń?
        </span>
        <span class="form-control">
            <input type="checkbox" checked data-bind="checked: MeUser">
        </span>
    </div>

正如您所看到的，input-group-addon由两行组成，form-control只有一行。因此，两个物体的高度都没有对齐。您可以在this Fiddle

中看到这一点

有人可以建议我修改以使这两个对象具有相同的高度吗？

Answer 1

将静态值设置为输入组类

＆安培;将静态值设置为子类

CSS：

.input-group{
height:100px;
}
.input-group-item{
height:50px;
}

HTML：

<div class="input-group">
    <div class="input-group-item"><span class="input-group-addon">
        Jesteś użytkownikiem<br /> tych urządzeń?
    </span></div>
    <div class="input-group-item"><span class="form-control">
        <input type="checkbox" checked data-bind="checked: MeUser">
    </span></div>
</div>

修复输入组中的高度对象

1 个答案: