css - 在 HTML 页面中将字段集居中

标签 css

我想居中 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;
}

最佳答案

您必须将 text-align:center 添加到父元素(也许将其包装在一个 div 中,如果它是单独的,则使用它。)以使 元素< 真正居中/em> 而不是内容。看看是否可行。

关于css - 在 HTML 页面中将字段集居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14594328/

相关文章:

css - 十六进制颜色 : Numeric representation for "transparent"?

html - CSS - 使用大图像作为背景(性能)

jquery - 如何在 jQuery 中获得两个最小的数字?

html - iframe 动态高度(无法访问 javascript 或样式表)

css - 容器 DIV 背景图像不随内容扩展

javascript - 制作切换按钮以更改面板

javascript - 如何使用 svelte :global() with sass/scss?

javascript - 如何在向下滚动事件中更改输入文本的颜色

html - Google 字体无法在 Google Chrome 上呈现

javascript - 当我们点击相关页面中的任意位置时,如何禁用弹出背景