html - 百分比宽度增加到 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-spacedependent，也1%就是由这个显示值引起的空白。

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