Question

您好我有以下HTML代码（使用django框架）：

<span>
    <button class="btn btn-default drop">
        <input type="checkbox" ng-model="mera['{{ k }}']"> <b>{{ k }}</b>
    </button>
</span>
<br><br>

如何水平对齐复选框和文本？现在，复选框显示在文本下方。伙计们好吗？提前致谢

Answer 1

查看课程btn btn-default我假设你正在使用bootstrap。

http://www.bootply.com/BLWQ53GPKL

看看代码。它仍然包含按钮内的复选框，但使用div包含类checkbox的包装器，如此处示例中所示Checkbox and Radio

如果您决定取消button标记之外的复选框，则可以在此处查看代码段http://www.bootply.com/iqYiXeNZuo

最后，对于复选框中的内联标签，无线电：

<div class="checkbox">
  <label>
    <input type="checkbox" ng-model="mera['{{ k }}']"> <b>{{ k }}</b>
  </label>
</div>

如何对齐输入类型复选框和水平对齐的文本

1 个答案: