.wrap {
display: flex;
flex-flow: row nowrap
}
.main {
flex: 1;
text-align: center;
background: green;
height: 300px;
}
.left {
width: 100px;
background: red
}
兩邊固定寬度,中間自使用
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 所謂三列自適應(yīng)布局指的是兩邊定寬,中間block寬度自適應(yīng)。這道題在今年網(wǎng)易內(nèi)推前端工程師面試的時(shí)候也被問(wèn)到。 我...
- 看例子說(shuō)明 1、彈性布局方法 2.浮動(dòng)方法
- flex css html 渲染效果 絕對(duì)定位法 css html 浮動(dòng)法 css html margin負(fù)值法 ...
- 具體要實(shí)現(xiàn)如下效果,兩邊控件固定顯示在兩邊,中間文字自適應(yīng)寬度,顯示不下則中間···省略顯示,如圖 方法一使用co...
- 吹走鍵盤(pán)上的灰塵,想給即將過(guò)去的2016留下點(diǎn)什么,一時(shí)不知道從何寫(xiě)起。放假回家已經(jīng)十來(lái)天了,和大多數(shù)放假回家的學(xué)...