av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - flex布局問題

瀏覽:113日期:2023-07-21 14:08:14

問題描述

設(shè)計稿:css3 - flex布局問題

下面我做的部分,結(jié)果顯示寬度根據(jù)小box里面的內(nèi)容寬度而變化,不知道怎么設(shè)置小box寬度是一樣的,不受里面的內(nèi)容而影響,還有小box之間的間隔要有2px的縫隙。

<ul class='result_boxs archives_gray'><li> 賬號/姓名:<br> <span>18611444620</span></li><li> 性別:<br> <span>女</span></li> </ul> <ul class='result_boxs archives_gray'><li> 年齡:<br> <span>60歲</span></li><li> 體重:<br> <span>129kg</span></li> </ul> <ul class='result_boxs archives_orange'><li> 您的BMI值為:<br> <span>23.9</span></li><li> 您的標(biāo)準(zhǔn)體重范圍是:<br> <span>70kg</span></li> </ul>

.result_boxs { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -webkit-box; width: 94%; margin: 2px auto 0; }.result_boxs li { -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; padding: 10px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 4px; line-height: 1.6; text-align: center; }

css3 - flex布局問題

問題解答

回答1:

要給li設(shè)置寬度 不好使用padding來設(shè)置 只設(shè)置padding 不設(shè)置width 會導(dǎo)致文字內(nèi)容越長,所占用的寬度就越多 因為大家的padding值都是一致的 如果設(shè)置了width,那么大家的寬度一致 所有的左右空白空間便會與你文字內(nèi)容寬度成反比

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 午夜丁香视频在线观看 | 久久久国产亚洲精品 | 毛片网站在线观看视频 | 337p日本欧洲亚洲大胆鲁鲁 | 成人不卡 | 999观看免费高清www | 亚洲精品欧美一区二区三区 | 国产精品视频二区三区 | 9久9久9久女女女九九九一九 | 一区二区福利视频 | 免费观看羞羞视频网站 | 婷婷综合 | 国产精品无码久久久久 | 九九热在线免费视频 | 久久网亚洲| 精品电影 | 色婷婷av一区二区三区软件 | 国产日韩视频在线 | 99热热热| aaaaaaa片毛片免费观看 | 国产乱码久久久久久 | 国产成人av在线播放 | 欧美黄色录像 | 亚洲视频免费观看 | 九九热在线免费视频 | 亚洲 中文 欧美 日韩 在线观看 | 2021狠狠天天天 | 日韩一区二区在线视频 | 你懂的在线视频播放 | 亚洲视频在线观看 | 日韩欧美二区 | 久久国产精品首页 | 一区二区三区欧美 | 久久999| 粉嫩国产精品一区二区在线观看 | 亚洲v日韩v综合v精品v | 国产精品18久久久久久久 | 91国产在线视频在线 | 日韩av第一页 | 日日爱夜夜操 | 国产精品久久久久久久久久久久午夜片 |