有没有办法让字段集的宽度只与其中的控件一样宽？

Question

似乎 fieldset 默认为其容器的 100% 宽度。有什么方法可以让字段集与字段集中最宽的控件一样大？

原文由 leora 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 display: inline-block ，尽管您需要将它包装在一个 DIV 中以防止它实际显示内联。在 Safari 中测试。

 <style type="text/css">
    .fieldset-auto-width {
         display: inline-block;
    }
</style>
<div>
  <fieldset class="fieldset-auto-width">
      <legend>Blah</legend>
      ...
  </fieldset>
</div>

原文由 tvanfosson 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

fieldset {display:inline} 或 fieldset {display:inline-block}

如果要垂直分隔两个字段集，请在它们之间使用单个 <br/> 。这在语义上是正确的，并不比它必须的更难。

原文由 user164226 发布，翻译遵循 CC BY-SA 3.0 许可协议