CSS——居中对齐

最近开始学网站设计编程了，打算写一些学习记录。这次记录的是居中对齐的方法

水平居中：

我尝试的有两种方式：

（1）margin: auto;

一般是块级元素 记得设置宽度和高度 

效果图：

（2）text-align: center; 

一般是这句代码是给父级，效果是让其子元素居中对齐

效果图：

 

单行文字竖向居中对齐：

这一点css中没有直接的相关设置 比较好用的一个方法是 设置盒子高度(height) = 行高（line-height)，这样盒子里的文字就可以实现竖向居中对齐

这是效果：