在前端設計中，經常會有不少的小伙伴們遇到排版方面的問題，像是元素居中一類的問題。對于塊級別元素只需要margin:0 auto就可以解決，對于行內元素text-align:center也能解決，但是如果是不定寬度的塊級別元素呢？今天文匯軟件小編就來和大家分享一下這方面的問題。
首先我們來看小編之前遇到的案例，如下圖所示：
像是這里的字如果想要居中一般有三種辦法：
第一種,指定寬度，讓其居中，這里因為我們還要做程序調用，里面字的數量是不固定的所以直接pass掉；
第二種：使用center標簽；但是這里因為是有兩個不同的字段一個是發布人，一個是發布時間，且使用center內部不可以再出現其他標簽，否則無法居中，所以這個也不行。
第三種方法：給父元素設置 float，然后給父元素設置 position:relative 和 left:50%，子元素設置 position:relative 和 left: -50% 來實現水平居中。這樣的好處是既保證了程序可以調用不同的字段，而且無論寫多少內容都會居中。如下圖：
下圖紅框代表樣式，藍框代表可以調取的不同字段。
是不是覺得小編的分享很使用呢，實用的話就來文匯軟件關注小編吧。
上一篇： 如何循環特殊樣式的swiper
下一篇： swiper2的使用方法
