11月7日心得

通过这次的居中对齐专题  我掌握了如下几种居中方法

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；