CSS表格单元格背景图像文本重叠
CSS表格单元格背景图像文本重叠
提问于 2009-02-06 04:15:32
我正在使用Tablesorter Jquery插件对表进行排序，但是样式表中指定的图像背景图像落后于列中的文本，在这些列中，列的实际内容不够长，无法使列宽度超出标题文本的长度。
例如，转到此处：http://tablesorter.com/docs/，然后缩小浏览器，直到向上/向下箭头位于年龄列文本的后面。我也有类似的事情发生。
我可以将列的宽度硬编码为足够宽，但我更希望在CSS文件中有一个更可重用的解决方案。
那么有谁知道如何指定一个“填充”。右填充和右边距似乎没有任何效果。
回答 4
Stack Overflow用户
回答已采纳
发布于 2009-02-06 08:29:08
这是现在你的单元格中的内容：
<th class="header">Last Name</th>背景图像是在类头中设置的，因此您可以排序asc或desc
我想唯一的解决办法就是尝试这样的方式
<th class="header">
<div style="margin-right: 10px;">Last Name</div>
</th>这样，你的图片就会一直在标题的右边，希望这对你有所帮助。
Stack Overflow用户
发布于 2009-02-06 08:49:53
使用以下CSS：
thead th
{
padding-right: 20px;
}这通过在图像所在的位置创建一个“空白”空间来解决问题。
Stack Overflow用户
发布于 2009-02-06 08:32:44
或者直接添加到你的css中：
th.header {
padding-right: 20px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/519077
复制相关文章
相似问题
腾讯云开发者
