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

如何居中元素-使用什么代替align:center属性?,第1张

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

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

<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的花式表单设计”中所说的关于如何设置表单样式的更多信息。

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



欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/5112144.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-11-17
下一篇2022-11-17

发表评论

登录后才能评论

评论列表(0条)

    保存