css - 在 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;
}

score 2 · Accepted Answer

您将不得不添加text-align:center到父元素（也许将它包装在一个 div 中并使用它，如果它是单独的。）以实际居中元素而不是内容。看看这是否有效。

score 0 · Accepted Answer

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

这是CSS代码：

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

score 0 · Accepted Answer

删除display属性。它需要是一个块元素（默认情况下）margin: auto才能工作。或者你需要它来做什么？

score 0 · Accepted Answer

这对我有用

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

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

4 回答 4