从表格单元格中删除间距

时间:2013-09-09 14:28:26

标签: css

我有一个动态表,我正在使用CSS进行自定义。出于某种原因,看起来我对表格单元格的空间限制部分工作如图所示。我很困惑为什么有些单元格使用太多空间,而其他单元格使用的空间就足够了。我不明白为什么“NewsSlider2,Reports和RSS Feeds”似乎有额外的填充。知道造成这种情况的原因是什么?

CSS:

.pindexAttr table {border:1px solid black; table-layout:fixed; border-collapse: collapse; width:100%}
.pindexAttr td {width:10px; line-height:9px; border:1px solid black;}

JSFiddle

2 个答案:

答案 0 :(得分:2)

我想您只需要将.pindexAttr table{}表更改为table.pindexAttr{}

DEMO HERE

答案 1 :(得分:1)

您需要在css整体表格中添加:

table {
    border-collapse: collapse;
    border-spacing: 0;
}

FIDDLE