Html 图形上的额外css填充或边距

真的很简单，我想做一个条形图。我有10个项目，6.2%的宽度和2%的填充两边除了在第一个和最后一个。这应该等于100%位，但它仍然会将最后一个推到边缘，我做错了什么

---

问题是您使用的是

display:inline块

到

.weekbar

，这会在块之间增加间隙。这是默认操作。要消除间隙，请添加

字体大小：0至
。图形

选中此项
问题在于您使用的是
显示：内联块
到
.weekbar
，这会在块之间增加间隙。这是默认操作。要消除间隙，请添加
字体大小：0至
。图形

选中此复选框，您可能会考虑使用float而不是内联块元素。内联块元素之间总是存在难以控制的距离，特别是在使用%时

您可以在此处阅读有关此（以及可能的解决方案）的更多信息：



您可能会考虑使用float而不是内联块元素。内联块元素之间总是存在难以控制的距离，特别是在使用%时

您可以在此处阅读有关此（以及可能的解决方案）的更多信息：



这是因为您使用的是
显示：内联块如果HTML中有空格，那么前端就会有空格。删除HTML中的空白

例如：
这是因为您使用的是
显示：内联块如果HTML中有空格，那么前端就会有空格。删除HTML中的空白

例如：
这对我不起作用@davidkonradyeah，sry-我不知道为什么它看起来可以，但取决于宽度-它给出的不到100%对我不起作用@davidkonradyeah，sry-我不知道为什么它看起来可以，但取决于宽度-它给出的不到100%
* {
    padding: 0px;
    margin: 0px;
}
.graph {
    width: 100%;
    height: 50px;
    background-color: #eaeaea;
}
.weekbar {
    width: 6.4%;
    margin-left: 2%;
    margin-right: 2%;
    display: inline-block;
    position: relative;
    background-color: #aeaeae;
    vertical-align: baseline;
}
.start {
    margin-left: 0px;
}
.end {
    margin-right: 0px;
}