百分比宽度添加到100％，但显示在两条线上

Question

这出现在一行：

<label style="display:inline-block;width:30%">xxx</label>
<span style="display:inline-block;width:69%">hey</span>

这出现在2：

<label style="display:inline-block;width:30%">xxx</label>
<span style="display:inline-block;width:70%">hey</span>

为什么？

Answer 1

由于inline-block元素为white-space dependent，因此1%是由此显示值引起的空白区域。

您可以手动删除<label>和<span>之间的空白区域，也可以通过在一行末尾开始注释并在结束时注释白色空格来注释白色空格。下