CSS中設置行內塊元素居中是非常常見的需求。下面介紹兩種比較流行的方法。
方法一:使用text-align屬性
/* 在父元素中設置text-align:center */ .parent { text-align: center; } /* 設置子元素為行內塊元素 */ .child { display: inline-block; }
方法二:使用margin屬性
/* 在父元素中設置相同的padding和text-align:center */ .parent { padding: 0 10px; text-align: center; } /* 設置子元素為行內塊元素,并添加margin值 */ .child { display: inline-block; margin: 0 auto; }
在實際應用中,根據具體情況選取合適的方法進行設置即可。
上一篇間距較寬的字體 css
下一篇css設置虛線間距