文章詳情頁
前端 - Flex布局中容器中項目的寬度設置問題?
瀏覽:163日期:2024-06-11 11:26:33
問題描述
問題的演示地址:點擊這里
想實現的布局是按照2:1:1的寬度排列,但是現在在第三個項目中如果增加了比較多的內容,這個項目的寬度就會隨著內容的增加而增加,破壞了2:1:1的結構。
我在這里看到使用flex-basis:0的方式:
.column {margin: 10px;flex-grow: 1;flex-shrink: 1;flex-basis: 0; } .column:first-of-type {flex-grow: 2;flex-shrink: 2;flex-basis: 0; }
但是我這樣設置了并沒有產生效果,期望的效果是這樣的:
請問下該怎樣實現?
問題解答
回答1:shrink設為0
回答2:width:0;完美解決
相關文章:
1. docker-compose中volumes的問題2. boot2docker無法啟動3. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””4. docker安裝后出現Cannot connect to the Docker daemon.5. nignx - docker內nginx 80端口被占用6. java - SSH框架中寫分頁時service層中不能注入分頁類7. docker容器呢SSH為什么連不通呢?8. 關于docker下的nginx壓力測試9. java - Spring事務回滾問題10. dockerfile - 為什么docker容器啟動不了?
排行榜

網公網安備