如何缩小表格单元以适应内容高度？

Question

我已经尝试过本网站提供的一些解决方案，但显然，这些解决方案都不适用于我。所以我想我会将此作为另一个问题发布。

我的这个表包含我使用CSS设计的按钮。

我没有设置表格的高度和宽度，因此应根据其内容进行调整。问题是按钮下面有这个“间隙”，从图像中可以看出，我似乎找不到删除它的方法。我也试过设置每个单元格高度，但它没有用。

我有按钮

Cookies.set('mycookie', '1', {
    expires: 7
});

if (Cookies.get('mycookie') === null) {
    $('div').show();
}

和一个简单的html表

.arrow
{
background-color:#78E9DE;
box-shadow: 0px 4px 0px 0px #45C3B8;
border-radius: 5px;
color: white;
border: none;
font-size: 30px;
};

我希望每个单元格都适合内容，这样看起来很漂亮，更容易点击。请帮助谢谢。

Answer 1

试试这个：

:

以下是结果：