尝试一下居中对齐
我们发现对于div，如果设置了width(非100%)，并且margin为auto的话，他是自动居中对齐的。
事实上，这个居中对齐是通过设置的margin来使得左右两边的空隙而实现的。
若我们希望的是：文本居中对齐，div无所谓的话，可以使用text-align
如一开始展示的那样。
ok，如果是text-align: center;的话
就有了仅仅文本居中对齐的效果。
我们可以使用padding
从而达到上下居中的效果。
（padding-top和padding-bottom相同即可）
总之是可以有对齐方式的。
无论是利用div的整体居中、还是text-align使得其在div中居中。
接下来说一下line-height，这个就是设置行间距的
这我就有话说了
如果用px的话，他是小于等于字体大小的，比如我这里20px的字体大小，如果设置30px无效（不知道为什么，现在这是40px发现他生效了，不知道为啥。）
不过设置5px他就可以重叠在一起。但是可以直接阿拉伯数字，变为当前字体的多少倍大小。
也可以使用百分比，以当前字体大小为100%
对于transform我就不去了解了，以后再说。
我们对于文字、图片的居中，可以依靠margin配合块居中，也可以使用text-align的文字居中，当然，也可以依靠我们之前说的position来居中。都可以。
我们可以使用line-height来调节行间距。