我需要这样对齐两行:
<div style="display:flex; flex-direction: column; justify-content:space-between;">
<div>
<span>Color</span> ----------- <span>Blue</span>
<span>Model</span> ----------- <span>2019</span>
</div>
<div>
<span>Color</span> ----------- <span>Black</span>
<span>Model</span> ----------- <span>2019</span>
</div>
</div>
我尝试使用:
display:flex; flex-direction: column; justify-content:space-between;
但它不起作用。 我如何证明在 之间使用空格是合理的?
最佳答案
你想这样吗:
<div style="display:flex;" >
<div style="display:flex; flex-direction: column; justify-content:space-between;">
<span>Color</span> ----------- <span>Blue</span>
<span>Model</span> ----------- <span>2019</span>
</div>
<div style="display:flex; flex-direction: column; justify-content:space-between;">
<span>Color</span> ----------- <span>Black</span>
<span>Model</span> ----------- <span>2019</span>
</div>
</div>
关于css - 如何使用 flex 证明 div child 的合理性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59272597/