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

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

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

如果您确实决定在 button 标签之外选中复选框，您可以在此处查看代码片段 http://www.bootply.com/iqYiXeNZuo

最后，对于复选框、 radio 中的内联标签:

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