css div宽高度为百分比内容水平居中,中部居中

时间:2026-02-14 17:29:11

1、 中部居中直接在父级加上这几句:

   display: flex;

   align-items: center;

   justify-content: center;

2、水平居中直接在父级加上这几句:

   display: flex;

   align-items: center;

3、上面这些兼容移动端很完美,PC端恐怕有点问题。不过也是有解决办法滴  0-0

css div宽高度为百分比内容水平居中,中部居中

4、直接把父级设为  相对定位:position:relative;    子级设为绝对定位:position:absolute;    然后子级设为:left:50%;top:50%;margin-left:子级宽度的负一半;margin-top:子级高度的负一半;   就可以啦,完美兼容所有浏览器.....

© 2026 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com