Html 在无边框的表格上使用“变换比例”可在<；td>；元素

所以我在桌子上悬停时使用变换比例。这是在我悬停（并缩放表格）之前

这是在悬停之后（以及在其缩放之后）

您可以看到，它以某种方式在

元素和其他元素之间创建了空间。 我尝试过很多方法，比如

边框折叠

，但我就是无法删除它

这是HTML：

<div class="kartica">
    <table class="custom-table table table-hover table-responsive">
        <tbody>
            <tr>
                <td class="text-center">
                    something
                </td>

                <td class="text-center ">
                    something
                </td>

                <td class="text-center">
                    something
                </td>
             </tr>
         </tbody>
    </table>
</div>

有没有办法把它去掉

编辑：这是你的答案。

---

当您将鼠标悬停在表格上方时，应该会看到细白线。

而不是

边框：无使用
边框颜色：透明
@AlonEitan我用您所说的内容替换了
边框：none
，但这无助于在JSFIDLE/Codepen或类似的东西上显示您的代码，因为您提供的代码中不存在此问题。@m_bale抱歉，误读了您的问题。正如上面的评论所建议的，请演示这个问题-您可以修改您的问题，您将看到一个允许您创建堆栈的
按钮snippet@makshh好的，我已经添加了代码笔代码
.custom-table {
    margin-bottom: 0px;
    border: none;
}

.custom-table td{
    border: none;
}

.custom-table tbody tr:hover {
    background-color: #edf0f3;
}

.kartica:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);

    -webkit-transition: all 70ms ease-in-out;
    -moz-transition: all 70ms ease-in-out;
    -o-transition: all 70ms ease-in-out;
    transition: all 70ms ease-in-out;
}