Javascript 简单模态规则

我有一个简单的模态div：

<div class="modal"></div>
<div class="modal-content"></div>

我想要的是，模式内容始终以页面为中心，最大宽度为500px；宽度：自动

---

不使用js可以吗？

这有点棘手，但可以实现。请在此处查看一些示例：

但是使用Javascript和jQuery要容易得多，特别是如果容器可以有一个固定位置的话。您需要支持哪些浏览器？

添加浏览器怎么样

max-width:500px;
margin:0 auto 0 auto;

至.情态内容

---

希望这就是你想要的，干杯。

呵呵，好的。无论如何，我真的建议你用Javascript来做这件事，因为它会为你节省很多头痛和时间。如果您担心少数用户无法/希望运行Javascript，您可以使用纯CSS创建一个简单的回退，而不是以相同的方式集中。好吧：）如果我想添加到，那么js（我使用jQuery）呢。以页面为中心的模式内容，位置：fixed；最大宽度：500px；？：添加了Pi，但结果不在页面中心：PHi，也尝试添加边距：0自动0自动0；对那件事。现在在我这边很好。不。。。我在FF6上。模式内容{位置：固定；背景：#fff；边距：0自动0自动0；宽度：900px；右侧：0；左侧：0；高度：自动；顶部：25%；}不工作（未居中）嗨，这在FF6上工作，请尝试：。模式内容{位置：固定；背景：#fff；高度：自动；顶部：25%；右侧：25%；最小宽度：10px；最大宽度：500px；边距：0自动0自动；}

max-width:500px;
margin:0 auto 0 auto;