作者qazsd (珍惜当下)
看板Web_Design
标题[问题] 如何将区块水平置中
时间Mon Sep 11 13:28:50 2017
<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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1505107738.A.3E9.html
1F：→ dinos: #div2{width:xxx;margin:x auto;text-align:left;} 09/11 14:11
2F：→ qazsd: div1都不用设定吗？ 09/11 16:20
3F：推 oToToT: flex(? 09/11 16:39
4F：→ miyabichiku: text-align-last 09/12 00:55
5F：推 Qiqi: 用你最後一个结果，再加上把div1的宽度缩小後并置中就可以了 09/12 09:45
6F：推 shter: 不能帮 div1 加个 padding 吗 09/13 22:16
8F：→ idareyou: 基於dinos的方式大概会是像这样 09/14 15:37