面试基础12:如何居中一个div?position,absolute,flex,百分比

水平居中:给div设置一个宽度,然后添加margin:0auto;属性。

div{width:200px;margin:0auto;}

绝对定位的div居中:

div{position:absolute;width:300px;height:300px;margin:auto;top:0;left:0;bottom:0;right:0;background-color:pink;/*方便看效果*/}

水平垂直居中一:

水平垂直居中二:

水平垂直居中三:

版权声明:本站所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请举报,一经查实,本站将立刻删除。

相关推荐