HTML字段集，中心无法正常工作

Question

我想将一个字段集居中，但我希望它由于其内容而调整大小，所以我将attr display: inline-block;添加到样式中，这样做，但它将字段集移到左侧...

我使用margin: 0 auto;来设置字段集的中心但它不再起作用了......

Here's an example

Answer 1

如果您只是将text-align: center;添加到fieldset CSS规则中，它似乎有效（将label s与input s对齐）。

JS Fiddle demo

<小时/> 的被修改

因为fieldset需要居中而不是其内容，只需将text-align: center;添加到fieldset的父元素即可。通常这应该是form元素（或父fieldset，因为嵌套有效），但由于链接示例中没有form，我已应用{{1} } text-align元素：updated JS Fiddle demo。