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

您的位置:首頁技術文章
文章詳情頁

css3 - flex布局問題

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

問題描述

設計稿:css3 - flex布局問題

下面我做的部分,結果顯示寬度根據小box里面的內容寬度而變化,不知道怎么設置小box寬度是一樣的,不受里面的內容而影響,還有小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> 您的標準體重范圍是:<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設置寬度 不好使用padding來設置 只設置padding 不設置width 會導致文字內容越長,所占用的寬度就越多 因為大家的padding值都是一致的 如果設置了width,那么大家的寬度一致 所有的左右空白空間便會與你文字內容寬度成反比

標簽: CSS
相關文章:
主站蜘蛛池模板: 亚洲精品成人 | 午夜精品久久 | 日本a网站| 成人国产精品久久 | 国产精品一区二区在线免费观看 | 国产精品久久久久久久久久三级 | 超碰8 | 久久91av | 欧美国产精品一区二区三区 | 日本精品一区二区三区视频 | 黄色在线免费观看 | 免费观看羞羞视频网站 | 亚洲欧美成人影院 | 久久这里只有 | 在线欧美一区 | 久久久久久综合 | 日本不卡一区 | 性天堂网 | av黄色免费在线观看 | 亚洲欧美一区二区三区1000 | 国产精品美女久久久 | 青青久久 | 91精品国产91久久久久福利 | 久久久久久综合 | 亚洲国产aⅴ精品一区二区 免费观看av | 欧美精产国品一二三区 | 亚洲成人网在线播放 | 亚洲一区视频 | 夜夜草| 久久精品国产亚洲一区二区 | 中文一区二区视频 | 成人一区二区三区 | 国产成人高清在线观看 | 日韩精品一区二区三区视频播放 | 国产高清精品在线 | 国产成人精品999在线观看 | 日日天天 | 亚洲国产成人精品在线 | 国产美女福利在线观看 | 视频一区中文字幕 | 日韩电影中文字幕 |