在前端制作的過程中,我們經(jīng)常用到水平居中這樣一個(gè)布局。給一個(gè)確定寬度的元素設(shè)置水平居中的屬性,有很多方法,也很簡單;然而,如何將一個(gè)不確定寬度的元素設(shè)置水平居中的屬性呢?
文匯小編發(fā)現(xiàn),當(dāng)我們在制作網(wǎng)站的列表頁面時(shí),由于從后臺(tái)調(diào)用的數(shù)據(jù)量不是固定不變的,所以列表呈現(xiàn)的頁數(shù)也會(huì)發(fā)生變化,這就意味著頁碼的寬度是不能確定的,這給設(shè)置頁碼的水平居中帶來了困難。
不過,這個(gè)問題的解決并不像您想象的那么難,只需給其添加兩個(gè)屬性即可:
{ display:table; margin:auto;}