html - パーセント幅を足すと 100% になるが、2 行で表示される

Question

これは 1 行で表示されます。

<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要素は空白に依存するため、1%これはこの表示値によって引き起こされる空白です。

<label>と の間の空白を手動で削除するか、<span>ある行の最後でコメントを開始して次の行で終了することにより、空白をコメント アウトすることができます。