<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>
有没有什么方法可以解决？
谢谢！

#div2{width:xxx;margin:x auto;text-align:left;}

div1都不用设定吗？

flex(?

text-align-last

用你最后一个结果，再加上把div1的宽度缩小后并置中就可以了

不能帮 div1 加个 padding 吗

https://jsfiddle.net/kos0616/0kvpr6hg/1/基于dinos的方式大概会是像这样