表第二個td是第一個td（圖片）

我在這裏有一個表格的佈局問題。我知道這不是最好的做法，但必須這樣做。表第二個td是第一個td（圖片）

所以我有下表：

<table> 
    <tbody> 
    <tr> 
     <td> 
     <img src="/arte.jpg" alt=""/> 
     </td> 
     <td> 
     <strong>Mira en Scheldeland</strong> 
     </td> 
    </tr> 
    </tbody> 
</table>

的問題是，第二td爲不相同的高度的圖像。我喜歡這個：

TD1 
    TD2

我試過valign，但這不起作用。

我可以得到任何幫助嗎？

感謝

來源

2011-09-07 Ozkan

td valign =「top」是你想要的或者風格{vertical-align：top;}。設置行高/填充以使圖像和文本對齊。你應該嘗試垂直對齊底部 – galchen

VALIGN應該在這裏解決您的問題...檢查這個例子：http://jsfiddle.net/Ahrhq/

我在IE7，IE8，IE9，Chrome瀏覽器，火狐測試它。 ..否則給我們一些關於你的樣式表的更多信息

來源

2011-09-07 13:50:00 jefsmi

嗨，我不知道爲什麼。 valign不起作用，但如果我用css（vetical-align）做它，那麼它的工作原理...感謝您的幫助 – Ozkan

您的圖像標籤不正確終止：

<img src="/arte.jpg" />

來源

2011-09-07 13:33:56

這不是問題......但你是對的。 BWT，缺少必需的'alt'屬性。 –

完全正確;我誤解OP，認爲td元素沒有水平對齊。 –

我見過這種行爲時，浮動應用到TD

你可以使用Firebug檢查，或類似，它是否被應用在樣式表中浮動？

頁面的CSS肯定有一些東西。

另請檢查您是否缺少文檔類型。

來源

2011-09-07 13:35:38

如果你想讓你的文字與圖像一致，只要確保沒有填充或填充的頂部/底部對於兩個td標籤都是相同的。

否則爲了讓它們都對準中間，只需取下閥值即可。

最後你可以嘗試起飛< TBODY>

來源

2011-09-07 13:37:47 checkenginelight

你是怎麼意思脫掉的？ – Ozkan

我的標籤沒有顯示。你有使用表格的原因嗎？使用div代替它會很容易。 – checkenginelight

這是內容管理系統，由非技術人員使用... – Ozkan

表第二個td是第一個td（圖片）

回答

相關問題