1、margin : auto
此属性用于将块元素水平对齐到中心。
示例：
注意：使用margin : auto在IE8中不起作用，除非声明了!DOCTYPE。
效果图：
2、position: absolute
我们可以使用position: absolute来对齐项目。
示例：
效果图：
3、text-align: center
我们可以在各种标签中使用text-align: center；它可以将任何用HTML编写的文本对齐。
示例：
效果图：
4、line-height属性
想要垂直对齐项目，我们可以使用line-height属性。line-height 属性设置行间的距离（行高）。
示例：
效果图：
5、padding和text-align属性
我们可以使用padding属性和text-align : center的组合来垂直和水平对齐文本。
示例：
效果图：
本文参考地址： https://www.html.cn/qa/css3/10403.html
文本居左对齐，两端对齐，靠右对齐，或者说居中对齐，通用一个属性：text-aligntext-align参数值与说明：
left：内容左对齐。
center：内容居中对齐。
right：内容右对齐。
justify：内容两端对齐，但对于强制打断的行（被打断的这一行）及最后一行（包括仅有一行文本的情况，因为它既是第一行也是最后一行）不做处理。（CSS3）
start：内容对齐开始边界。（CSS3）
end：内容对齐结束边界。（CSS3）
match-parent：这个值和 inherit 表现一致，只是该值继承的 start 或 end 关键字是针对父母的 <' direction '>值并计算的，计算值可以是 left 和 right 。（CSS3）
justify-all：效果等同于 justify，但还会让最后一行也两端对齐。（CSS3）
语法扩展：
这里需要注意的一点是：设置或检索对象中内容的水平对齐方式。
1、块级元素的文本是一些堆叠的线框
2、大部分浏览器要使得 <' text-align '>的justify两端对齐生效，需要在汉字间插入有空白，如空格；
3、块内的最后一行文本（包括块内仅有一行文本的情况，这时既是第一行也是最后一行）及被强制打断的行，其两端对齐需使用 <' text-align-last '>；
4、IE浏览器下，如果 <' text-align-last '>要生效，必须先定义 <' text-align '>为justify；
下面我将提供五种解决方案，有三个方案没有使用任何hack，且IE6，IE7，Firefox，chrome浏览器下表现都很好的，有一种方案使用了一个IE hack，但成本较低，各个浏览器表现良好。还有一种方案，代码成本很低，但在chrome浏览器下文字稍微偏上，使用input类型选择器，或chrome hack可以解决这个问题，但是对于单复选框这类控件，代码一多反而不划算，权衡之下，不针对chrome浏览器单独处理。
这些方案都是我经过平时积累，反复试验得出的结论，其兼容性值得信赖。要使用的话就给单复选框命名一个class，该class样式为下面方案提供的css样式即可。
以vertical-align:text-bottom为基础的
css代码如下：vertical-align:text-bottommargin-bottom:2px*margin-bottom:-2px
css代码如下：vertical-align:text-bottommargin-bottom:2pxmargin-bottom:-2px\9
以vertical-align:text-top为基础的
css代码如下：height:13pxvertical-align:text-topmargin-top:0
以vertical-align:bottom为基础的
css代码如下：height:15pxvertical-align:bottommargin-bottom:3pxmargin-top:-1px
以vertical-align:top为基础的
css代码如下：height:14pxvertical-align:top
以vertical-align:middle为基础的
css代码如下：vertical-align:middlemargin-top:-2pxmargin-bottom:1px
最后：个人比较喜欢第5种的解决方法
