Question

在最近的问题（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＆gt;不同tbody＆gt; tr> td＆gt; IMG

Answer 1

在无助的阅读https://css-tricks.com/child-and-sibling-selectors/的帮助下，我遇到了问题。

我需要的是添加另一个“内部舞台”：

table.t_group＆gt; tbody＆gt; tr> td＆gt; a＆gt; IMG

或仅申请“table img”。

全部谢谢！

为什么混合内容的细胞不是顶部对齐的？

1 个答案: