會員:
yyhero18net
編號: 0000002
頭銜: 壇主
帳號: VIP永久會員
積分: 1950174498
貢獻: 1032
發帖: 65535
注冊: 2005-4-27 狀態: 离線
性別: (
男 Male
)
贊助網站載入中...
|
#1
本貼發表於 2020-9-8 02:45 PM |
標題: [分享] 多個div并排時最好設置劃一的高度 |
贊助網站載入中...
贊助網站載入中...
多個div并排時最好設置劃一的高度
|
看演示:8個紅色div都是width:30px;height:30px;
但假若4溢出變成height:40px 下一行的6就沒法向左排
會卡在4繼續排下去嘞 所以一是修改4變成劃一height:30px
或者其他的div都將就4 變成劃一height:40px 使其能美觀排列
參數如下CODE: [Copy to clipboard]
<div style="width:160px;height:100;border: 3px solid yellow;">
<div style="float:left;width:30px;height:30px;border: 3px solid red;">1</div>
<div style="float:left;width:30px;height:30px;border: 3px solid red;">2</div>
<div style="float:left;width:30px;height:30px;border: 3px solid red;">3</div>
<div style="float:left;width:30px;height:40px;border: 3px solid red;">4</div>
<div style="float:left;width:30px;height:30px;border: 3px solid red;">5</div>
<div style="float:left;width:30px;height:30px;border: 3px solid red;">6</div>
<div style="float:left;width:30px;height:30px;border: 3px solid red;">7</div>
<div style="float:left;width:30px;height:30px;border: 3px solid red;">8</div>
</div>
贊助網站載入中...
※ 所有言論不代表本站立場與本站立場無關,本站不對其內容負上任何責任。※
※ [注意公告] 已進行 統一發表主題的格式,謝謝合作!※
※ [注意公告] 原創貼的發貼要求,謝謝合作!※
|
|