本文介绍了div实现水平垂直居中的四种方法：1) 使用flex布局；2) 父元素定位，子元素绝对定位；3) 子元素绝对定位，边距自动；4) 子元素设置左右上角外边距为父元素宽高的一半。
div水平垂直居中的方法多种多样
图示：
下面展示一些 内联代码片。
<body>
<div id="parent">
<div id="child"></div>
</div>
</body>
方法一：使用flex布局
<style>
* {
margin: 0;
padding: 0;
}
#parent {
width: 400px
最低0.47元/天 解锁文章
扫一扫
5777
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
