文章詳情頁
css3 - 關于display: -webkit-box;下的-webkit-box-flex: 1。實際效果寬度并不是1:1
瀏覽：100日期：2023-07-21 16:55:07
問題描述
如下代碼http://jsbin.com/cavusimoto/edit?html,css,output
簡單的一行兩列，用的-webkit-box-flex: 1那么2列的寬度應該都是50%,可是實際情況是，文字多的那一列，寬度會更多一點。為什么呢？
問題解答
回答1：加個width: 0;就行了，那些加了-webkit-box-flex: 1;的
回答2：-webkit-box-flex: 1 表示分配父容器剩余的寬度的比例是1:1，而不是針對父容器總的寬度。第二個子元素你多寫點內(nèi)容就明顯看到效果了：
<p class='bb'>1122234411222344112223441122234411222344</p>
標簽：
CSS
相關文章：
1. python - pyspider爬pdf爬了一小段時間后就不動了2. 如何合并兩張具有相同結構的mysql表3. javascript - Ajax加載Json時，移動端頁面向左上角縮小一截兒，加載完成后才正常顯示，這該如何解決？4. python運行后沒有任何反饋要怎么排查5. javascript - h5 video層級太高導致浮在div上面，如何解決？6. linux - Ubuntu下編譯Vim8（+python）無數(shù)次編譯失敗7. css - 請問B站頂部的模糊半透明導航條是怎么實現(xiàn)的呢？8. python中怎么對列表以區(qū)間進行統(tǒng)計？9. mysql - 記得以前在哪里看過一個估算時間的網(wǎng)站10. mysql ER_BAD_DB_ERROR: Unknown database ’test’
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備