我在CSS中定义了两列：
COUNT和多种形式。不幸的是，我的一些表格分为两部分;左栏一半，右栏一半。我怎样才能防止这种情况发生？我尝试使用.two-columns
{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
，但这不会奏效。使用<fieldset>会起作用但不理想，因为我的页面是动态创建的，而且某些表单的大小可以动态变化。
修改
我现在通过应用这一行CSS <br />与fieldsets合作。不幸的是，我仍然无法在没有display:inline-block;的表单上工作。< / p>
fieldsets我有几种形式，但它们的格式相同，所以我把它们排除了。
修改
我现在可以使用<div class="wrapper two-columns">
<form action="change-width" method="post">
<h2>Width</h2>
<input type="number" name="width" min="50" max="9999" value="1000" placeholder="Width" required /> Width of Page<br />
<label><input type="radio" name="change-width" value="wrappers" checked="checked" />Wrappers</label>
<label><input type="radio" name="change-width" value="box" />Box</label>
<br />
<input type="submit" name="submit" value = "Change" />
<p id="change-width-status"></p>
</form>
<form action="change-fieldset" method="post">
<h2>Fieldset</h2>
<label><input type="radio" name="change-fieldset" value="fieldset" />Fieldset</label>
<label><input type="radio" name="change-fieldset" value="h2" checked="checked" /><h2></label>
<br />
<input type="submit" name="submit" value = "Change" />
<p id="change-fieldset-status"></p>
</form>
</div>
并在每display:inline-block;之后添加<br />。一个纯粹的CSS解决方案会更好，但它看起来并不像。