当前位置：首页 - 正文

html怎样把div中的div居中

发布网友发布时间：2022-04-21 05:50

共2个回答

热心网友时间：2022-04-20 22:11

如果父容器的高度是确定的，可以使用以下方法。

        #obj{
            top: 50%;
            left: 50%;
            display: block;
            position: absolute;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

原理是使用绝对定位，定位到容器的50%的位置。这个时候，由于定位是根据内容的左上角定位到圆心的，而内容本身也具有宽高，所以会偏移到右下角。这个时候就需要使用transform进行二次修正即可垂直和水平定位了。

热心网友时间：2022-04-20 23:29

margin:auto

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

html怎样把div中的div居中

最新推荐

猜你喜欢

热门推荐