如何居中 元素-使用什么代替align：center属性？

Question

我在这里想念什么？

编辑 ，因为这在注释中不起作用：

以下解决方案将导致以下结果：

----------------------------------------------------
|                                                  |
|                     Legend text                  |

但是我要的是：

----------------------Legend text-------------------
|                                                  |
|                                                  |

编辑＃2：

根据到目前为止的反馈，听起来整个<legend>标签都是一个失败的主张。有没有人有一个代替他们使用的例子-看起来更可靠的东西呢？

Answer 1

假设您的标记类似于以下内容：

<form>
<fieldset>
<legend>Person:</legend>
Name: <input type="text" size="30" /><br />
Email: <input type="text" size="30" /><br />
Date of birth: <input type="text" size="10" />
</fieldset>
</form>

您的CSS应该如下所示：

legend {
    margin:0 auto;
}

最简单的

噢，亲爱的……在跨浏览器兼容性方面，您可能选择了CSS中最困难的东西。卡梅伦·亚当斯说最好

样式化语义形式的唯一困难可能是图例标签。它在浏览器之间是不可避免地可变的。在Mozilla中，图例标记不是从字段集的主体开始缩进的，在IE和Opera中是这样。在Mozilla中，图例标签位于字段集的边框与其内容之间，而在IE和Opera中则位于内容内部。当您在浏览器中获得不同效果时，很难将图例移动到字段集边界内或使其平齐到字段集的左侧。

您可以阅读有关他在“ 使用CSS的花式表单设计”中所说的关于如何设置表单样式的更多信息。

解决该问题的方法是完全删除字段集边框，并完全定位图例元素。您要执行的操作的问题是，在每个浏览器中它都不同。