前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

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

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

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

绝对定位的div居中:

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

水平垂直居中一:

水平垂直居中二:

水平垂直居中三:

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言