您好我有以下HTML代码(使用django框架):
<span>
<button class="btn btn-default drop">
<input type="checkbox" ng-model="mera['{{ k }}']"> <b>{{ k }}</b>
</button>
</span>
<br><br>
如何水平对齐复选框和文本?现在,复选框显示在文本下方。伙计们好吗?提前致谢
答案 0 :(得分:0)
查看课程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>