相关疑难解决方法(0)

<div>在页面上垂直和水平居中元素的最佳方法是什么？

我知道这margin-left: auto; margin-right: auto;将以水平为中心,但垂直做的最佳方式是什么？

假设我想在视口的中心放置一个元素,用作弹出消息.它应该满足以下要求:

• 即使元素大小动态变化,元素也应在浏览器中保持居中(水平和垂直)
• 如果调整浏览器大小,元素应保持居中
• 不允许使用Javascript
• 仍然适用于IE7

如果没有采用下面的基于表格的解决方案,有没有更好的方法来实现这一目标？

<table style="position:absolute;width:100%;height:100%">
    <tr>
        <td align="center">
            <span id="centeredContent">I always remain centered</span>
        </td>
    </tr>
</table>