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標籤來填充單元格的高度，以某種形式填充

回答

相關問題