如何让html中的所有元素居中？

Question

首先我检查过，这不是重复的。这里的条件与其他问题完全不同。请在回答之前阅读我的整篇文章。

我有一个宽度和高度未知的 ASP.NET 页面，我想将其中的所有元素居中。不管是内联还是块。

该<center>标签可以满足需要，但它已经过时了。
并非text-align:center;在所有条件下都有效。[内联]
并非margin:auto;在所有条件下都有效。[堵塞]

以下代码已经适用于所有网络浏览器：

<div style="float: left; position: relative; left: 50%;">
    <div style="float: left; position: relative; left: -50%;">
       my elements here
    </div>
</div>

这段代码适用于所有条件，但它会导致 Rad Telerik Ajax 弹出元素具有未知的弹出位置，该位置通常出现在页面之外。

那么什么是与适用于所有浏览器的标签完全等效的呢？请不要发布我在这里提到的当前解决方案！<center>

Answer 1

AMAIK，如果不应用您所知道的所有方法，您就无法实现您正在寻找的目标。以电子邮件客户端为例，他们不了解我们已经拥有的很多新技术（甚至不了解外部样式表）。因此，对较旧的渲染引擎（包括浏览器）使用<center>标记是一种常见的做法。

这就是回退和降级的概念，不过是在表示层，而不是在行为层。换句话说，您的设计中最重要的是让该按钮通过 ajax 将数据发送回服务器，如果浏览器不支持 ajax，则通过简单的 POST 发送数据。但它可能集中在一个浏览器中，而不是另一个浏览器中。

我强烈建议您看看这个精彩的网站：

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

顺便说一句，您是否尝试过强制页面上每个元素居中：

*
{
text-align: center !important;
margin: auto !important;
}