在工作學習中 經常遇見劇中的問題揭措，有時候UI 設計圖會根據產品的原型切圖，標注刻蚯，劃線等等绊含， 但是真正到fe手中的時候卻又有可能因為兼容的問題，造成部分不兼容or亂碼的現象炊汹，so 我總結了我經常用的一種菜雞的方法躬充，回頭大家可以試一下，新手菜鳥讨便，還望輕拍~~~
1 text-align ：
text-align 屬性規(guī)定元素中的文本的水平對齊方式充甚；
一般行級元素的基本上的對齊都是用text-align 但是區(qū)塊級別的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
