CSS中如何让元素在父元素(块)中水平居中?

您所在的位置:网站首页 如何让一个div在另一个div中居中 CSS中如何让元素在父元素(块)中水平居中?

CSS中如何让元素在父元素(块)中水平居中?

#CSS中如何让元素在父元素(块)中水平居中?| 来源: 网络整理| 查看: 265

行内元素:水平居中:text-align:center 垂直居中:设置line-height和height为相同数值 块级元素:1.给父元素设置display:flex;并且设置align-items:center;justify-content:center 2.父元素进行相对定位position:relative,子元素进行绝对定位 position:absolute; left:50%; top:50%;(将子元素的左上角移动至父元素的中心位置) margin-left:***px; margin-top:***px; 3.给父元素一个定位属性,给子元素一个绝对定位,然后给子元素的所有配合属性设置为 0px,并且设置margin:auto. 4.给父元素设置一个伸缩盒,子元素设置margin:auto.



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3