将字段集置于HTML页面中心

Question

我想将fieldset置于我的页面中心，但我不知道如何。

我使用了这个css代码：

fieldset
{
    margin:auto;
    display: inline-block;
    text-align:center;
}

但它只是fieldset内容的中心 我还使用了<p style="text-align:center;"> <fieldset> ...</fieldset></p> 但它不会工作。

所以我怎样才能让它居中呢？

修改：

我现在使用的CSS代码：

fieldset
{
    text-align:left;
    display: inline-block;
    vertical-align:middle;
}

div
{
    text-align:center;
    vertical-align:middle;
}

Answer 1

您必须将text-align:center添加到父元素（可能将其包装在div中并与其一起播放，如果它本身。）实际居中元素而不是内容。看看是否有效。

Answer 2

删除display属性。它必须是margin: auto工作的块元素（默认情况下）。或者你需要它吗？

Answer 3

解决方案是绝对定位元素，将div从窗口的左侧和顶部偏移50％，并将div移动到左侧和顶部，宽度和高度的一半带有负边距，让它完美地居中。

这是CSS代码：

    position:absolute;
    left:50%;
    top:50%;
    margin:-100px 0 0 -150px;

Answer 4

这对我有用

    #fieldset{
   border-color:blue;
   border-radius:10px;
   margin:-100px 0 0 -150px;
   position:absolute;
   left:50%;
   top:50%;
    }

但我没有线边距：-100px 0 0 -150px;