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

我试图让一个标签填写表格单元格同时具有某种填充应用于标签。HTML标签来填充单元格的高度，以某种形式填充

我已经试过我通过搜索发现，但这似乎并没有工作的方法......这是我的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%; 
}

任何帮助，这将是衷心感谢

来源

2011-12-14 Kieran

是它给你问题是什么浏览器？ – PseudoNinja 2011-12-14 17:17:11

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

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

似乎这样的伎俩对我来说：http://jsfiddle.net/Fb7bS/

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

来源

2011-12-14 17:19:03

海兰，我就过来了这个问题很久以前。看来，某种化网页浏览器中添加标准填充和保证金到表。
他们添加多少，总是取决于网页浏览器。
但要解决这个问题，你应该考虑的CSS正在重置的方法。
那是什么？
您只需添加一个包含在HTML页面中的.css文件，该文件将所有边距/填充和其他编排默认设置为零。有了这个你可以避免这样的问题有链接CSS重置：http://meyerweb.com/eric/tools/css/reset/

来源

2011-12-14 19:23:04

那么，在旧的浏览器中，不能将标签设置为块级元素。您可以尝试在标签中放置一个div，并将标签的样式转移到div，然后查看是否可以解决您的问题。

虽然也为height: 100%工作，元素必须绝对定位，并且父元素相对定位，但在某些浏览器，如td表元素不能被相对定位，无论是。另外，除非td用于垂直填充整个屏幕长度，否则两个元件上的height: 100%都是不必要的。

我删除了一些“不必要的”代码，在这里稍微改变了一下你的格式，虽然我不确定你想要的是什么，所以它可能会变得不那么没有必要，而其他的东西只是缺少： http://jsfiddle.net/mGykJ/1/

你可以看到，如果这是更喜欢你脑子里想的是什么？虽然如果你可以发布你的HTML，那会很有帮助。

来源

2011-12-14 19:24:43 justis

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

回答

相关问题