<分区>
<分区>
为什么 Flexbox 在水平列表上添加左填充,即使有 justify-content: space-between ?
<div class="list-container">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
</div>
.list-container {
width: 500px;
background-color: darkseagreen;
}
.list-container ul {
display: flex;
justify-content: space-between;
list-style: none;
}
.list-container li {
flex: 0 0 auto;
background-color: darkorange;
}
jsfiddle:https://jsfiddle.net/telemacus/vdo9a54c/10/
在“ul”上添加“padding-left: 0”可以解决问题。
最佳答案
关于html - 带有水平列表的 Flexbox 添加一个 padding-left,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59225433/