文章詳情頁
css3 - 關(guān)于display: -webkit-box;下的-webkit-box-flex: 1。實際效果寬度并不是1:1
瀏覽：83日期：2023-07-21 16:55:07
問題描述
如下代碼http://jsbin.com/cavusimoto/edit?html,css,output
簡單的一行兩列，用的-webkit-box-flex: 1那么2列的寬度應(yīng)該都是50%,可是實際情況是，文字多的那一列，寬度會更多一點。為什么呢？
問題解答
回答1：加個width: 0;就行了，那些加了-webkit-box-flex: 1;的
回答2：-webkit-box-flex: 1 表示分配父容器剩余的寬度的比例是1:1，而不是針對父容器總的寬度。第二個子元素你多寫點內(nèi)容就明顯看到效果了：
<p class='bb'>1122234411222344112223441122234411222344</p>
標簽：
CSS
相關(guān)文章：
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題2. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.3. css - 定位為absolute的父元素中的子元素 如何設(shè)置在父元素的下面？4. java - 請問在main方法中寫成對象名.屬性（）并賦值，與直接參參數(shù)賦值輸錯誤是什么原因？5. java - Spring boot 讀取 放在 jar 包外的，log4j 配置文件，系統(tǒng)有創(chuàng)建日志文件，不寫入日志信息。6. mysql里的大表用mycat做水平拆分，是不是要先手動分好，再配置mycat7. java - socket類服務(wù)端如何防止被ddos攻擊？8. javascript - 圖片鏈接請求一直是pending狀態(tài)，導(dǎo)致頁面崩潰，怎么解決？9. python - beautifulsoup獲取網(wǎng)頁內(nèi)容的問題10. 怎么用css截取字符？
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備