通过这次的居中对齐专题 我掌握了如下几种居中方法
1
margin:10px,auto;
text-align:center;
利用外边距将块和内容居中
2
利用position:absolute
right:0;
实现块的左右对齐
3
利用float 进行左右浮动对齐
4
利用padding进行水平垂直居中
5
利用line-height进行水平垂直居中
.center{
border:2px dotted red;
width:800px;
line-height:300px;
height:300px;
}
p{
margin:0;
}
必须将内容的margin设为0;
6
利用绝对定位和transform设置水平垂直居中。
必须将内容的margin设为0;