PTT數位生活區 / Web_Design

[問題] 如何將區塊水平置中靠左對齊？

看板Web_Design作者 (珍惜當下)時間7年前 (2017/09/11 13:28), 編輯推噓4(4推 0噓 4→)
留言8則, 7人參與, 最新討論串1/1
<div id="div1"> <div id="div2"> █ █ █ █ █ ▇ ▇ ▇ ▇ ▇ ▇ </div> </div> 請教一下版上前輩 要將第三列的方塊至左對齊如下圖： <div id="div1"> <div id="div2"> █ █ █ █ █ ▇ ▇ ▇ ▇ ▇ ▇ </div> </div> 如果寫成<div id="div2" style="text-align:left;"> 則會變成三列都靠左對齊，如下圖： <div id="div1"> <div id="div2"> █ █ █ █ █ ▇ ▇ ▇ ▇ ▇ ▇ </div> </div> 有沒有什麼方法可以解決？ 謝謝！ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.65 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1505107738.A.3E9.html
→
09/11 14:11, , 1F
#div2{width:xxx;margin:x auto;text-align:left;}
09/11 14:11, 1F
→
09/11 16:20, , 2F
div1都不用設定嗎？
09/11 16:20, 2F
推
09/11 16:39, , 3F
flex(?
09/11 16:39, 3F
→
09/12 00:55, , 4F
text-align-last
09/12 00:55, 4F
推
09/12 09:45, , 5F
用你最後一個結果，再加上把div1的寬度縮小後並置中就可以了
09/12 09:45, 5F
推
09/13 22:16, , 6F
不能幫 div1 加個 padding 嗎
09/13 22:16, 6F
推
09/14 15:36, , 7F
09/14 15:36, 7F
→
09/14 15:37, , 8F
基於dinos的方式大概會是像這樣
09/14 15:37, 8F
‣ 更多 qazsd 的文章
文章代碼(AID): #1PjXyQFf (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 qazsd 的文章
文章代碼(AID): #1PjXyQFf (Web_Design)