Html 行中div之间的一些空格

我想构建“橡皮”界面，所以我使用宽度为%的div，但当我尝试用几个div填充100%的宽度时，它们不会在线混合，但在suome中它们有100%。如果使用表格，则一切正常。以下是一些例子：

<div style='white-space:nowrap;'>
    <div style='width:50%;border: 1px solid #4e5e6e;display:inline-table;'>A1</div>
    <div style='width:50%;border: 1px solid #a2f2d4;display:inline-table;'>A2</div>
</div>
<div style='white-space:nowrap;'>
    <div style='width:10%;border: 1px solid #4e5e6e;float:left'>A1</div>
    <div style='width:40%;border: 1px solid #a2f2d4;float:left'>A2</div>
    <div style='width:40%;border: 1px solid #4e5e6e;float:left'>A3</div>
    <div style='width:10%;border: 1px solid #a2f2d4;float:left'>A4</div>
</div>
<table style='width:100%'><tr style="width:100%";>
    <td style='width:10%;border: 1px solid #4e5e6e;'>A1</td>
    <td style='width:40%;border: 1px solid #4e5e6e;'>A1</td>
    <td style='width:40%;border: 1px solid #4e5e6e;'>A1</td>
    <td style='width:10%;border: 1px solid #4e5e6e;'>A1</td>
</td></table>

A1
A2
A1
A2
A3
A4
A1
A1
A1
A1

若你们的窗口足够大，它们都会显示正确，但若你们把它变小，有人会跳线。

---

如果我没有清楚地表达，我希望在一行中显示div，而不取决于宽度。

1px边框会增加框的宽度。因此，框的宽度将为50%+1px、10%+1px等等。

1px边框将增加框的宽度。因此，您的框的宽度将为50%+1px、10%+1px等等。

解决方案是从边框中删除像素，并在带有边框的%width div中放置一个div

解决方案是从边框中删除像素，并在带有边框的%width div中放置一个div

一个解决方案是在您提供的任何边框上添加负边距：

<td style='width:10%;border: 1px solid #4e5e6e; margin: -1px;'>A1</td>

A1

卢卡斯普说的话

一个解决方案是在您提供的任何边框上添加负边距：

<td style='width:10%;border: 1px solid #4e5e6e; margin: -1px;'>A1</td>

A1