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

Question

我正在使用 Tablesorter Jquery 插件对表进行排序，但样式表中指定的图像背景图像落后于列上的文本，其中列的实际内容不够长，无法将列宽推到超出范围标题文本的长度。

例如，请转到此处:http://tablesorter.com/docs/然后缩小浏览器，直到向上/向下箭头位于年龄列文本后面。我也有类似的事情发生。

我可以将列的宽度硬编码为足够宽，但我宁愿在 CSS 文件中拥有更可重用的解决方案。

那么有谁知道如何为 . padding-right 和 margin-right 似乎没有任何效果。

Answer 1

使用以下 CSS:

thead th
{
    padding-right: 20px;
}

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