[問題] 包含 float block 的 block 要如何置中?
Hi,
抱歉, 這篇文章的標題可能很難懂,
不過沒辦法, 我實在不知道要怎麼用一句簡短的句子來描述這個問題,
看不懂標題沒關係, 請看以下問題的詳細描述:
假設有一個 block 包含數個 float: left 的 block, 如圖:
┌─────────────────────────────────────┐
│┌──┐┌──┐┌──┐ │
│└──┘└──┘└──┘ │
└─────────────────────────────────────┘
其中裡面的三個黃色框框表示 float: left 的 block,
外面的灰色框框則包含這些黃色框框,
一個普通的 block, 若沒有在 CSS 裡特別指定, 那個 block 的寬度是 100%,
會佔滿整個畫面, 正如上圖灰色框框所示,
而黃色框框因為是 float: left, 所以它們的寬度會縮到最小, 並且靠左邊並排,
重點來了, 我要問的問題就是,
我希望灰色框框的寬度能隨著內含物自動縮小, 並且在畫面上水平置中, 如圖:
┌────────────┐
│┌──┐┌──┐┌──┐│
│└──┘└──┘└──┘│
└────────────┘
不知道有沒有人知道怎麼做? 謝謝!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.133.199
推
06/22 21:33, , 1F
06/22 21:33, 1F
→
06/22 21:36, , 2F
06/22 21:36, 2F
推
06/23 08:35, , 3F
06/23 08:35, 3F
→
06/23 08:39, , 4F
06/23 08:39, 4F
討論串 (同標題文章)
以下文章回應了本文:
完整討論串 (本文為第 1 之 2 篇):