1

看起来 FireFox(我的版本是 19.0.2 - OSX)没有使用多列布局正确呈现表单。它正确呈现正常的段落文本等,但不呈现形式。

CSS:

fieldset {
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-count: 2;
}

这是它在 FireFox 中的样子: FireFox中表单字段集的CSS多列渲染-不渲染列

这是它在 WebKit 浏览器中的样子: WebKit 浏览器中表单字段集的 CSS 多列渲染 - 正确渲染列

请在 FireFox 中查看此示例代码/现场演示,以查看它不会呈现表单元素的多列布局。

这是一个错误,还是我可以做些什么让它在 FireFox 中也能正常工作?

4

1 回答 1

1

也许多列属性暂时不适用于您使用的这个特定标记元素(即字段集)。Fieldset 专用于对一些表单字段进行分组,但我不确定它是否已经实现以在多列中呈现...所以我应该认为这是一个错误,将来会更正...

您可以通过为第一个表单元素创建一个带有 flot left 的简单 div 来解决这个问题...当然,使用此选项,您必须手动拆分将在左侧和右侧绘制的表单元素,您不需要不再具有等于长度多列的魔力了...

div#column1{
  width : 400px;
  float : left;
}
div#column2 {
 float : left;
}

<div id="#column1">Your first fields</div>
<div id="#column2">Your second fields</div>
于 2013-03-31T09:31:53.740 回答