問題：想讓元素x（不是文字）水平居中
方法一： text-align：center；(text-align屬性指定元素文字的水平對齊方式。)
要求： text-align：center，作用在x元素的父元素上，並且x不能是塊級元素（因為塊級元素會填充滿整個父元素），準確一點來說，就是x的寬要小於父元素的。
要是想讓x元素中的文字居中，給x或者x父元素加乙個text-align屬性即可。
方法二： margin:0 auto;
要求：margin:0 auto要作用在x元素自身上，1. 並且x要是塊級元素 2. 且x要設定寬度，3. 且寬度要小於父元素。
方法三：
position: fixed;
top:30%;
left:50%;
transform: translate(-50%);
作用在x元素自身上，先向右移動x元素的父元素寬的50%（意味著x元素的寬要小於父元素的寬），後再向左沿x軸移動自身寬度的50%，正好居中。
css 元素水平 豎直居中
一 水平居中 1.文字水平居中 給父級元素設定text align center 2.確定寬度的塊級元素居中 設定自身margin left auto margin right auto 別忘了設定自身寬度 3.不確定寬度的塊級元素的居中 1 用table幫助實現不確定寬度塊級元素居中 塊級元素 設...
CSS實現元素水平居中
元素主要分為塊級元素和行內元素，所以對元素進行水平居中也分這兩種情況來討論，另外塊級元素的實現比較複雜，將分情況討論。常用行內元素為a img input span等，標籤內的html文字也屬於此類。對於此類情況，水平居中是通過給父元素設定text align center來實現的。html結構 h...
css 元素水平 豎直居中
一 水平居中 1.文字水平居中 給父級元素設定text align center 2.確定寬度的塊級元素居中 設定自身margin left auto margin right auto 別忘了設定自身寬度 3.不確定寬度的塊級元素的居中 1 用table幫助實現不確定寬度塊級元素居中 塊級元素 設...