CSS：为什么td和div之间出现间隙？

在我制作的表格中，每当单元格只有一点内容时，td和div之间就会出现间隙 - 但看起来很正常，但内部有很多东西。这看起来很奇怪。有人可以帮我删除它吗？CSS：为什么td和div之间出现间隙？

HTML：

<td cod='[@cod]'> 
<div class="headler"> 
    [@inicio] - [@fim] 
</div> 
<div class="valores_resultados"> 

    <div class="disciplina" cod="[@cod_disciplina]"> 
     [@disciplina] 
    </div> 
    <br> 
    <div class="professor" cod="[@cod_prof]"> 
     [@professor] 
    </div> 
</div>

CSS：

table { 
    border-spacing: 10px;; 
    border-collapse: separate; 
    width: 100%; 
} 

tr, td, th { 
    border: #000 solid 1px; 
    -webkit-box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.45); 
    -moz-box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.45); 
    box-shadow:   3px 2px 0px 0px rgba(0, 0, 0, 0.45); 

} 

td:hover { 
    border: rgb(80, 0, 0) solid 1px; 
    cursor:pointer; 
    -webkit-box-shadow: 3px 2px 0px 0px rgba(80, 0, 0, 0.45); 
    -moz-box-shadow: 3px 2px 0px 0px rgba(80, 0, 0, 0.45); 
    box-shadow:   3px 2px 0px 0px rgba(80, 0, 0, 0.45); 
} 

.headler { 
    background-color: rgb(145, 0, 0); 
    text-align: center; 
    padding: 4% 0%; 
    margin: 0; 
} 

.valores_resultados{ 
    min-height: 60px; 
    text-align: center; 
} 

.disciplina { 
    margin-top: 3%; 
} 

.professor { 
    margin-bottom: 4%; 
}

来源

2016-01-13 Luiz Carlos Coelho

请发表您的表的HTML，没有任何模板语言即是。 – j08691

生成的html会更有用，并确保它是所有的html。你错过了所有'

'的东西......另外，你的'disciplina'有一个'margin-top：3％'。因为这是一个相对测量，您拥有的内容越多，边距就越大。 –

border-spacing：10px ;;一个;以很多:) –

回答

你的CSS更改为：

table { 
    border-collapse: collapse; 
}

来源

2016-01-13 18:40:13 bakerhumadi

不工作，我说的是td和div之间的差距，td之间没有差距。 –

这将删除表中的所有空白。这对我在jsfiddle上工作，但我已经关闭它。将在下次添加URL – bakerhumadi

补充一点：

tr, td, th {vertical-align:top;}

来源

2016-01-13 18:50:43 andi

它的工作！非常感谢！ –

CSS：为什么td和div之间出现间隙？

回答

相关问题