《CSS多個子框架居中》文章已經(jīng)歸檔,站長之家不再展示相關(guān)內(nèi)容,下文是站長之家的自動化寫作機(jī)器人,通過算法提取的文章重點(diǎn)內(nèi)容。這只AI還很年輕,歡迎聯(lián)系我們幫它成長:
有時我們需要令一個寬度固定的容器里的子框架居中(例如一個Div,或者其他block級元素),如果子框架只有一個的話,我們只需要為子框架加上CSS屬性margin:auto就可以了...
但如果我們要讓多個子框架居中,并且等分父框架剩余的空間的話,我們對所有子框架使用CSSbox-align:center來實現(xiàn)這種效果...
為了使多個block級元素排列在同一行里,我們習(xí)慣使用float屬性使子框架浮動,然后利用margin屬性讓每一個子框架之間都留出一些空白的間距...
使用float和margin來讓多個子框架居中并且等分父框架剩余空間的做法缺點(diǎn)很多...
為了讓這些子框架能排列在同一行內(nèi),我們可以把它們改為inline-block級,由于子框架和父框架之間并沒有其它的內(nèi)容,應(yīng)此要控制子框架的空間分配將易如反掌...
......
本文由站長之家用戶“imbolo”投稿,本平臺僅提供信息索引服務(wù)。由于內(nèi)容發(fā)布時間超過平臺更新維護(hù)時間,為了保證文章信息的及時性,內(nèi)容觀點(diǎn)的準(zhǔn)確性,平臺將不提供完整的內(nèi)容展現(xiàn),本頁面內(nèi)容僅為平臺搜索索引使用。需閱讀完整內(nèi)容的用戶,請聯(lián)系作者獲取原文。
(舉報)