中心和对齐字段集内的元素

时间:2013-01-24 20:19:03

标签: css fieldset

我目前有一个必须占据我容器96%的字段集。此字段集必须使其元素居中但也对齐,因此例如所有标签必须在同一位置结束,并且所有输入必须从同一位置开始。

如果没有这个代码(JSFiddle)的整个中心问题,这是相当容易的:

.formulaire
{
    margin: 1em auto;
    border-style: solid;
    border-width: 1px;
    border-color: #B0B0B0;
    padding: 1em;

}

.formulaire label
{
    float: left;
    width: 25%;
    text-align: right;
}

我试图将我的fieldset放在带有文本对齐中心的div中,但是它只是将所有内容集中在一起并且没有对齐任何内容。

非常感谢任何帮助

谢谢!

1 个答案:

答案 0 :(得分:0)

是的,您可以将表单字段包装在div中,将宽度设置为最长的标签/字段组合,然后将该div放在margin:0 auto;

中心

Here is the example