Javascript css-->&书信电报；表>--&燃气轮机；当表数据包含多个元素时，删除垂直空间

我有一个

表格数据

字段，顶部有一个蓝色正方形，底部有一个图标

看这个

td

字段的

height

是

26px

，因为

blue\u线

div元素和

user\u图标

图像之间有一个小的垂直空间：

我希望删除此垂直空间，新高度为

20px

我可以通过添加

位置：绝对：

但在我的应用程序中，我使用了
jquery.ui.resizeable
，如果我添加
位置：绝对值，就会出现问题
到
.blue\u行
div元素

我的问题是，是否有其他方法删除垂直空间？
您可以将
td
元素的显示更改为
网格

<td style="display: grid;">
    <div class="blue_line"></div>
    <img class="user_icon" src="http://findicons.com/files/icons/1008/quiet/128/opera.png"/>
</td>

您可以将
td
元素的显示更改为
grid

<td style="display: grid;">
    <div class="blue_line"></div>
    <img class="user_icon" src="http://findicons.com/files/icons/1008/quiet/128/opera.png"/>
</td>

我想您可以使用背景图像属性并设置背景位置
我想您可以使用背景图像属性并设置背景位置
在这种情况下，为什么不使用边距？另外，您还可以在没有空格的情况下重写html：
给img标签
垂直对齐：顶部在这种情况下，为什么不使用边距？另外，您还可以在没有空格的情况下重写html：
给img标签
垂直对齐：顶部
Hi，IE版本在我的JSFIDLE中工作，但在我的应用程序中，这也会导致每个
td
元素中出现换行，因为我有多个td元素：@ViktorCarlson您可以使用
内联样式将其添加到
td
元素中。不要在
CSS
中执行'td{display:grid；}`操作，只需向该元素添加
style=“display:grid；”
。或者最好为它创建一个类。嗨，IE版本在我的JSFIDLE中工作，但在我的应用程序中，这也会导致每个
td
元素中出现换行，因为我有多个td元素：@ViktorCarlson您可以使用
内联样式将它添加到
td
元素中。不要在
CSS
中执行'td{display:grid；}`操作，只需向该元素添加
style=“display:grid；”
。或者更好的是给它上个课。