爲什麼混合內容的單元格不是頂部對齊的？

在最近的問題（Why is only part of cell top aligned?）我問了類似的問題。爲什麼混合內容的單元格不是頂部對齊的？

當我申請的解決方案，我的網站......我還有另一個問題：

<html> 
<head> 
    <style> 
     table.t_group { 
      border: 2px solid black; 
      margin: 0 auto 0 auto; 
     } 

     table.t_group > tbody > tr > td, 
     table.t_group > tbody > tr > td > img, 
     table.t_group > tbody > tr > td > a { 
      vertical-align: top; 
     } 
    </style> 
</head> 
<body> 
    <table class="t_group" style="width:500px"> 
     <tbody> 
      <tr> 
       <td> 
        <img height="24" widht="24"/> First cell 
       </td> 
       <td> 
        <a><img height="24" widht="24"/></a> 
        <a>HREF_text1</a> (regular text, <a>HREF_text2</a>) 
       </td> 
       <td> 
        Last cell 
       </td> 
      </tr> 
     </tbody> 
    </table> 
<body> 
</html>

中間單元包含這仍然是底端對齊「常規」的文本。

爲什麼？怎麼修？

P.S.另請推薦閱讀更多關於此事的信息。我墮落地問了這類問題。

編輯：

我看到的解決方案做：

table img{ 
    vertical-align:top; 
}

會的工作，......但是爲什麼呢？不明白

表IMG是如何從我的table.t_group> TBODY> TR> TD> IMG

來源

2015-09-27 Budda

我不能重新創建您發佈的HTML/CSS問題，發佈您的真實HTML，而不是... – sinisake

[無法重現]（http://jsfiddle.net/xkf0xLtp/） – Oriol

關於您的問題： https://css-tricks.com/child-and-sibling-selectors/ – sinisake

隨着沒關係閱讀https://css-tricks.com/child-and-sibling-selectors/我得到了問題的幫助不同。

我需要的是增加另一個 '內部階段'：

table.t_group> TBODY> TR> TD> A> IMG

或申請只是「表IMG」。

謝謝大家！

來源

2015-09-27 22:52:55 Budda

有趣的是，「表格img」是yoru上一個問題的實際答案http://stackoverflow.com/questions/32813403/why-is-only-part-of-cell-top-aligned :) –

是的，但對我來說它看起來過於一般和不合理，所以我試圖找到更具體的解決方案。沒有工作，但我學到了新的東西。 – Budda

爲什麼混合內容的單元格不是頂部對齊的？

回答

相關問題