行內內容的居中
如何讓乙個容器的行內內容（文字和行內元素–inline/inlineblock）居中（當然inline-block比較特殊，即有行內屬性，又有塊級屬性）。有以下方法：
text-align:center水平居中。在塊級父級元素上設定text-align:center，其內部的inline或inline-block的子元素以及文字內容會在父元素內居中。
line-height垂直居中。line-height設定了行間的距離（行高），將要居中的元素的line-heigth值設定為和其塊級父元素的height值一樣時，其內部內容會垂直居中。
注意:line-height不能使用負值。
在塊級元素使用line-height是定義該元素基線之間的最小距離而不是最大距離。
vertical-align:middle垂直居中。
行內元素inline/linline-block/inline-table內部內容的居中,使用偽元素。
父級
父級::before//或者::after
注意：設定為middle也不一定是真正的對齊，某些字型的中線位置不一定頂部和底部的正中間。
提一下：
inline水平的元素margin/padding設定僅在左右方向上有效。
*p
span
style>
class='one'>
p>
sdfasdspan>
body>
block、list-item、inline-block等元素如何在其父元素中居中。
margin/padding值設定居中。
clac計算數值。margin值為=父容器寬/高的50%-自身寬/高的50%：
居中元素
margin:0 auto左右居中。要居中的塊級元素（block）元素設定margin:0 auto 。想知道margin：auto不能垂直居中的原因就懟這裡
注意：對浮動元素（float）、絕對定位（absolute）和固定定位（fixed）的元素無效 。
偏移量50%+負margin值。設定50%的水平和垂直偏移，然後設定的margin-top和margin-left值是要居中元素自身寬/高的一半的負數 。
父級
居中元素
偏移量50%+負50%translate值。
父級
居中元素
flex彈性布局居中。父元素設定為彈性盒子（容器），子元素就成為了彈性元素，利用flex相關屬性進行居中。
父級
父元素設定為彈性容器display:flex，子元素設定magrin:auto ：
.父級
.居中元素
注意：
css布局中的居中問題
如何使div居中 主要的樣式定義如下 body center 說明 首先在父級元素定義text align center 這個的意思就是在父級元素內的內容居中 對於ie這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上 margin right auto m...
css布局中的居中問題
p 主要的樣式定義如下 body center 說明 首先在父級元素定義text align center 這個的意思就是在父級元素內的內容居中 對於ie這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上 margin right auto margin l...
css布局中的居中問題
如何使div居中 主要的樣式定義如下 body center 說明 首先在父級元素定義text align center 這個的意思就是在父級元素內的內容居中 對於ie這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上 margin right auto m...