2011-04-26 74 views
2

我有一個600x90圖片我想要一個表格單元格正好600x90尺寸圖片展開表格單元

但我試過溢出:隱藏和網上的一些其他的解決辦法,但它仍然展開的表格單元格的一對夫婦的照片。

我能得到的最好迄今600x93但它留下底部,看起來很彆扭3空像素

有人可以幫我找到解決方案嗎?

+1

你能發佈你的源代碼嗎? – Samuel 2011-04-26 13:28:49

回答

3

圖像默認情況下有

display:inline 

在大多數瀏覽器中增加了3-5像素到它的高度。

嘗試設置的CSS像這樣的畫面:

table.myTable td.withImage img { display:block; } 

,看看它是否工作。

+0

圖片默認顯示:inline-block – Tomas 2011-04-26 13:39:28

+0

不知道!但它實際上工作! :O – Kostas 2011-04-26 14:33:04

+0

@Tomas:這可能是可能的,但內聯塊意味着,該元素本身的行爲就像它的塊(因此w/h工作,填充工程),但在流動中,它的行爲就好像它是內聯的,因此這就是部分它的行爲在這種情況下很重要......所以基本上,它是內聯的:) – 2011-04-29 09:35:00

0

我見過這種情況發生在默認圖像顯示類型爲內聯的某些瀏覽器中,並且它位於某個假想線之上。嘗試添加顯示:塊到您的圖像類。

如果這沒有幫助,請讓我們知道它是一個跨瀏覽器問題還是FF/IE /無論如何。也有一個例子可以幫助。

相關問題