元素可以在DIV中分组吗？

如何解决元素可以在DIV中分组吗？

| 我有这个HTML和CSS http://jsbin.com/uciya5/3/edit 问题在于单选按钮被视为单独的元素，因此固有的是“ 0”的属性。注意单选按钮在垂直方向上的间隔。

<div class=\"cellData\">
  <input name=\"ctype\" value=\"individuel\" type=\"radio\" checked/> Individuel <br>
  <input name=\"ctype\" value=\"course\" type=\"radio\" /> Course </div>
</div>

是否可以控制单选按钮的垂直间距，或者在其周围包裹DIV以保护它们？ 更新资料 删除了模板标签。     

解决方法

您可以在包含单选按钮的

div

中添加另一个

class

：

<div class=\"cellData cellRadios\">

使用CSS（与此类似）：

.cellRadios { line-height: 1 }

请参阅：http：//jsbin.com/uciya5/2 假设您在CSS中在

.cellData

之后定义了

.cellRadios

，则来自

.cellRadios

的

line-height

将被应用。 我可能还会将ѭ6改成更好的名称。 如果您愿意，可以按照问题中的建议，将单选按钮包裹在额外的ѭ3中。

<div class=\"cellData\">
    <div class=\"cellRadios\">
        <input name=\"ctype\" value=\"individuel\" type=\"radio\" <TMPL_VAR IN>/> Individuel
        <br>
        <input name=\"ctype\" value=\"course\" type=\"radio\" <TMPL_VAR CO>/> Course
    </div>
</div>

    ,您可以从CellData麦粒肿中将其删除：line-height：4em 您也可以尝试使用表格，这会简单得多。