保證金/填充/邊框（？）問題與HTML表格

有HTML代碼保證金/填充/邊框（？）問題與HTML表格

<table cellpadding="0" cellspacing="0"> 
    <tbody> 
    <tr> 
     <td> 
     <img src="..."> 
     </td> 
    </tr> 
    </tbody> 
</table>

與CSS風格

* { 
    border: none; 
    margin: 0; 
    padding: 0; 
} 
table { 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    width: 110px; 
    height: 92px; 
    margin-left: -55px; 
    margin-top: -46px; 
} 
img { 
    width: 110px; 
    height: 92px; 
}

訪問在this fiddle，

我希望有表格內容中沒有邊距，沒有填充和邊框。但是桌子高度與圖像高度不一樣。 td元素中有一些額外的像素。

這裏有什麼問題？它是風格還是html代碼？

來源

2013-12-17 Ωmega

[相關問題]（http://stackoverflow.com/questions/339923/how-to-set-cellpadding-and-cellspacing-in-css/3209434）。但是，如果您只是將表格用作圖片的包裝，則應該使用不同的元素，例如'

'和樣式。 – Blazemonger

@Blazemonger - 不是非常相關的問題...和'

'是一個新的HTML5元素，所以它的支持是有限的。 –

'[現代瀏覽器廣泛支持]（http://caniuse.com/#feat=html5semantic），[很容易添加到舊版IE]（https://code.google.com/p/html5shiv /）。除非您針對第三方受衆，否則沒有理由使用這種表格而不是[現代語義HTML]（http://diveintohtml5.info/semantics.html）。 – Blazemonger

這是你的CSS。

添加顯示：塊;到img的CSS修復這個問題給你。

Table cells larger than they are meant to be

來源

2013-12-17 21:50:42 DMortensen

它看起來像一個對齊問題與你的形象，

img { 
    width: 110px; 
    height: 92px; 
    vertical-align:middle; 
}

應該修復它，這fiddle顯示上述修復程序。

來源

2013-12-17 21:49:09 Last1Here

保證金/填充/邊框（？）問題與HTML表格

回答

相關問題