填充单元格高度的 HTML 标签，带有某种形式的填充

Question

我正在尝试获取一个标签来填充表格单元格，同时对标签应用某种填充。

我尝试了一种通过搜索找到的方法，但这似乎不起作用...这是我的 CSS:

tr {
    height: 1px;
}

td {
    height:100%;        
}

label {
    background-color: #DCDCDC;
    display: block; 
    font-weight:bold;
    vertical-align:top;
    text-align:right;  
    padding: 8px 5px 8px 8px;
    margin:  1px 3px 1px 0px;     
    min-width: 120px;
    min-height:100%;    
    height:auto !important;
    height:100%;
}

如有任何帮助，我们将不胜感激

Answer 1

从给定的 CSS 来看，表格单元格上可能有浏览器默认填充。

td {padding: 0;}
label {display: block; padding: 1em;}

似乎对我有用:http://jsfiddle.net/Fb7bS/

但是更复杂的表格和/或从其他地方继承的样式可能会增加复杂性。