Html 消除并排放置的桌子之间的间隙

我有几张桌子，并排放着。我需要消除他们之间的差距。我该怎么做

代码：

测试

也许可以尝试将负边距添加到

左侧边距

。您的意思是添加到表格中吗？您可以将其添加到表中，但我建议您将其添加到父div中，这样位置就不会有任何不一致。例如：对于第一个表，您可以将-ve边距添加到此div

<div class="container">
    <div class="row justify-content-center">
        <div th:each="group:${groups}" th:if="${groups.size()>0}" style="margin-left: 0; margin-right: 0" th:style="'width:'+ ${90/groups.size()}+'%;'">
            <table style="border-collapse: collapse; border: solid black 1px; width: 100%; margin-left: 0; margin-right: 0">
                <tr>
                    <th>
                        test
                    </th>
                </tr>
            </table>
        </div>
        <div style="width: 10%; margin-left: 0; margin-right: 0">
            <table style="border-collapse: collapse; border: solid black 1px; width: 100%">
                <tr>
                    <th>
                        <form action="/groups/save/" method="get">
                            <input type="hidden" name="id" th:value="null">
                            <input type="hidden" name="title" th:value="null">
                            <button class="btn btn-block btn-secondary myButton" type="submit">
                                <img src="https://img.icons8.com/small/16/000000/plus-math.png"/>
                            </button>
                        </form>
                    </th>
                </tr>
            </table>

        </div>
    </div>
</div>