CSS表格单元格背景图像文本重叠

这是您手机中的内容:

<th class="header">Last Name</th>

背景图像在类标题中设置,以便您可以订购asc或desc

我想唯一的解决办法就是尝试这样的方法

<th class="header">
<div style="margin-right: 10px;">Last Name</div>
</th>

这样,您的图像将始终位于标题的右侧 希望这有帮助

使用以下CSS:

thead th
{
    padding-right: 20px;
}

这通过在图像所在的位置创建一个“空白”空间来解决问题。

或者将其添加到您的CSS中:

th.header {
    padding-right: 20px;
}

我知道这是一个老问题,但当我遇到同样的问题时,我发现th上的填充或空白没有帮助。

TableSorter在头中为您添加了一个DIV,您可以在DIV中添加右边距来解决问题。

TableSorter使标题看起来如下:

<th data-column="2" class="tablesorter-header">
    <div class="tablesorter-header-inner">Header Text Here</div>
</th>

所以我把这个CSS放到了DIV上:

table.tablesorter thead tr th .tablesorter-header-inner {
    margin-right: 15px;
}