将复选框与标签对齐

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将复选框与标签对齐相关的知识,希望对你有一定的参考价值。

Aligning a label with a checkbox can be tricky. Here is the html and CSS I used to achieve it.
  1. <!-- The HTML -->
  2. <div class="checkbox-label"><input type="checkbox" /><span>Remember me</span></div>
  3.  
  4. // The CSS
  5. .checkbox-label {
  6. display: inline;
  7. font-size: 12px;
  8. padding-left: 5px;
  9. }
  10.  
  11. .checkbox-label span {
  12. padding-left: 5px;
  13. padding-bottom: 15px;
  14. vertical-align: bottom;
  15. line-height: 22px;
  16. }

以上是关于将复选框与标签对齐的主要内容,如果未能解决你的问题,请参考以下文章

如何使复选框与字段集中的标签对齐?

垂直对齐复选框标签? [复制]

将按钮与带有标签的输入表单对齐

为什么我的重力形式复选框和标签不对齐?

如何对齐复选框和标签标签? [复制]

垂直对齐复选框/标签对[重复]