css 居中比较常用的一种的方法

在工作学习中 经常遇见剧中的问题，有时候UI 设计图会根据产品的原型切图，标注，划线等等， 但是真正到fe手中的时候却又有可能因为兼容的问题，造成部分不兼容or乱码的现象，so 我总结了我经常用的一种菜鸡的方法，回头大家可以试一下，新手菜鸟，还望轻拍~~~
1 text-align ：
text-align 属性规定元素中的文本的水平对齐方式；
一般行级元素的基本上的对齐都是用text-align 但是区块级别的div并不生效 ，但是这个能对于div的内容生效，所以text-align都是内容居中对齐的首选。
文字进行编辑排版的时候一种简单的逻辑思维就完全可以用div 将文字包起来 ，然后直接text-align：center，就能搞定了，一般常用于一行文字，标题之类的做法~
2margin ：
margin的常用于div的布局之中，对于居中来说，如果不是一行文字而是一块文字，UI的要求居中，这时候可以结合margin去进行布局

例如

image.png

这个样子的布局 一般直接margin ： 0 auto 就直接搞定了

3 混合应用：

image.png

如果做成这个样子捏？ 下面的c....in....space也在中间，这就需要margin 和 text-align 合并用起来_{两行代码就能搞定了}

对了 一般用div包文字的时候，宽度高度都尽量不进行设定，除了应用margin的情况下，因为文字都是有宽高的 一般情况下会自动撑起来，这样布局之后不同框架不同的兼容情况下，出现乱行的情况会很少~

一般的用法 简单的用法 还望各位大神轻拍~~ ahhhhh