【发布时间】：2018-04-01 03:47:00
【问题描述】：
好的，我一直在寻找并没有看到任何足够接近的问题来推断答案..
我在 flex 容器中显示了一个大的颜色选项列表 (UL / LI)，并且需要使列与左侧对齐。目前第一行是偏移的，我没有看到如何让它像其余行一样显示。
我已经尝试过 CSS - 填充、边距、对齐选项、对齐方式、从行更改为列等。我接受 CSS 可能是草率的，非常感谢任何帮助。
这是应用于页面的 CSS（URL：https://winepaperscissors.com/custom-item-request/）：
.colors .control-label{
display: none;
}
.colors {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: center;
}
.colors img {
width: 10vmin;
border-radius: 50%;
margin-top: 6px;
display: block;
}
.colors input[type="radio"]{
visibility:hidden;
}
.colors input[type="radio"]:checked + img {
border: #444444 5px solid;
}
整个颜色选择都在 .colors 类中，并且是一个内联无序列表。
【问题讨论】：
-
从您的选择器
.caldera-grid .radio-inline+.radio-inline中删除margin-left: 10px。这是一个添加不必要的边距，导致色环在第一行之后出现从网格偏移。注意：请不要链接到外部网站，因为它们会遭受链接腐烂。尝试在问题本身中使用最少的代码来重现您的案例。