當父元素是行內元素時，是不需要子元素居中的。或者使用display:block屬性把父元素變為塊級元素，再做居中。
（1）在父元素上設定text-align:center即可。來看一下text-align屬性：
text-align：text-align 屬性規定元素中的文字的水平對齊方式。該屬性通過指定行框與哪個點對齊，從而設定塊級元素內文字的水平對齊方式。
取值描述
left
把文字排列到左邊。預設值：由瀏覽器決定。
right
把文字排列到右邊。
center
把文字排列到中間。
justify
實現兩端對齊文字效果。
inherit
規定應該從父元素繼承 text-align 屬性的值。
注意：inline-block元素的水平居中也是在父元素上設定text-align:center。
（1）在元素本身上使用margin:0 auto。
（2）使用定位屬性position。將父元素設定為position:relative，子元素設定：position:absolute; left:50%; transform: translatex(-50%)，即可將子元素水平居中。
（3）使用flex布局。只需要在父元素上設定：display: flex; justify-content: center;
（4）使用grid布局 。
css元素水平居中
問題 想讓元素x 不是文字 水平居中 方法一 text align center text align屬性指定元素文字的水平對齊方式。要求 text align center，作用在x元素的父元素上，並且x不能是塊級元素 因為塊級元素會填充滿整個父元素 準確一點來說，就是x的寬要小於父元素的。要是想...
CSS中元素水平居中顯示的方法
用css讓元素居中顯示並不是件很簡單的事情。同樣的css居中設定在不同瀏覽器中的表現也各有千秋。本文就介紹了在css中常見的幾種讓元素水平居中顯示的方法。1.使用自動外邊距實現居中 css中首選的讓元素水平居中的方法就是使用margin屬性 將元素的margin left和margin right屬...
CSS實現元素水平 垂直居中的方法
首先，我們來了解水平居中,它有很多種方法，我們暫時先來了解其中的幾種 1.在實現方案中，我們最熟悉的莫過於給元素定義乙個寬度，然後使用margin body 這個是當我們的定義元素的寬度時顯現的，如果我們不能定義寬度時，該怎麼辦呢？2.我們對於定位也是常用的，在這裡當然也可以採用定位的方法來實現 b...