网站首页 > 知识剖析正文

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

nixiaole 2024-11-12 13:42:06 知识剖析 23 ℃

水平居中：给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;	/* 方便看效果 */
 }

水平垂直居中一：

水平垂直居中二：

水平垂直居中三：

上一篇： css中position属性fixed于absolute的区别
下一篇： html/css中相对定位relative和绝对定位absolute的用法

网站首页 > 知识剖析 正文

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

猜你喜欢

网站首页 > 知识剖析正文