javascript – 如何居中div？

发布时间：2020-12-14 23:17:35 所属栏目：资源来源：网络整理

导读：我在使用HTML(垂直和水平)居中div时遇到问题.我的代码看起来像这样：只有chrome将此div放在屏幕中间. 最佳答案这样做(垂直和水平)： #container{ position: absolute; width: 366px; height: 274px; left: 50%; top: 50%; margin-left: -183px; /* half wi

我在使用HTML(垂直和水平)居中div时遇到问题.我的代码看起来像这样：


只有chrome将此div放在屏幕中间.


最佳答案
这样做(垂直和水平)：

#container{
    position: absolute;
    width: 366px;
    height: 274px;
    left: 50%;
    top: 50%;
    margin-left: -183px; /* half width */
    margin-top: -137px; /* half height */
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!