CSS3中display:box模式box-flex不均分的情況 -开发者知识库

CSS3中display:box模式box-flex不均分的情況 -开发者知识库,第1张

現象

今天用css3的display:box屬性時,出現了一個怪現象,它內部的子元素有內容並且內容還挺多的時候,box-flex就會失效,看下邊這個:

問題頁面,看到了吧,雖然設置了box-flex:1,但是這三個子div並沒有均分,而是根據其內容來分配。

解決

百谷之后,終於找到了個奇技淫巧,設置子div的寬度,象這樣

解決后的頁面 發現沒有?多了width:1%,對的,眼神好使,這個技巧就是設置一個寬度,這樣就是總寬減去三個的寬度再按比例分,但是因為每個的寬度一樣,比例一樣,所以最后的寬度還是均分的,但是就是引入了width,這個寬度在這里就是個神。

最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复