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

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

我建议你看一下这个精彩的网站：

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

顺便说一下，您是否尝试过强调页面上每个元素的中心位置：

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

Answer 2

正如verbumSapienti所提到的那样：margin: 0 auto，但它需要宽度才能发挥作用。

item{ width: 50%; margin: 0 auto;}

如何在html中居中所有元素？

2 个答案: