HTML- CSS-对齐-居中解决办法---kalrry

1、文本中线对齐：

	vertical- align：middle；
					baseline基线对齐
					top 顶线对齐
					bottom底线对齐

2、文本垂直居中：

	height：30px；

让行高等于容器高度实现居中:

	line- height：30px；

3、文本左右居中：

	给当前文本设置:text- align：center；
	或者给父元素设置:text- align：center；

4、设置子元素盒子居中于的元素：

	margin：auto；

5、中线对齐：

	vertical-align：middle

6、定位的两种居中方式

 定位实现元素水平垂直居中1
	1. 该元素设置position:absolute;
	2. 该元素设置left:50%; 移动到参考物宽度中心的右侧,margin-left:-该元素宽度的一半;(这里不要使用百分数，因为百分数参考的是父元素)
	3. 该元素设置top:50%; 移动到参考物高度中心的下侧,margin-top:-该元素高度的一半;(这里不要使用百分数，因为百分数参考的是父元素)
 定位实现元素水平垂直居中2
	1. 给该元素设置绝对定位
	2. 设置四个方向为0 left: 0;right: 0;top: 0;bottom: 0;
	3. 该元素设置margin:auto; 水平垂直居中

7、在第6基础上的升级版居中方式

    1、父元素：position:relative; 
    2、子元素：position：absolute；left：50%，transform:translate(-50%,-50%)

8、让图片水平100%居中，设置背景图片

	background：url（）no-repeat；
	background-size：100%；