html - HTML.haml 中的复选框列表

Question

我一直在使用 ruby​​ on rails 开发一个应用程序，并尝试显示这样的复选框列表
[ ] 冲突解决

[ ] 客户知识

[ ] 个人品牌

但是我设法得到了这个

冲突解决

[ ]

客户知识

[ ]

个人品牌

[ ]

我的 html.haml 文件看起来像这样

.col-md-6.col-md-offset-3
= form_for(@user) do |f|
  = f.label :conflict_resolution, 'Conflict Resolution'
  = f.check_box :conflict_resolution
  = f.label :customer_know_how, 'Customer Know How'
  = f.check_box :customer_know_how
  = f.label :personal_branding, 'Personal Branding'
  = f.check_box :personal_branding

试过 Display:inline for inputtype = checkbox 。没有成功!!

Answer 1

使用

input[type='checkbox'] { display: block; float: left; }
input[type='checkbox'] + label { display: block; }

如果您不希望这影响应用程序其他部分(使用相同的 css)上的复选框和后续标签的视觉表示，您需要通过在两个规则之前加上一个选择器来为规则提供一些 html 上下文匹配它的父级(不同于应用程序其他页面/部分上的所有其他父级)。