Wie korrekt vertikal ausrichten Bild+text innerhalb der Tabellenzelle

Muss ich vertical-align:top beide 'text' und 'Anderer text'. Das folgende ist nicht für mich arbeiten, nur die zweite Zelle ist korrekt ausgerichtet. Ich verstehe nicht, was das problem ist.

<style>
    td {
      vertical-align:top;
    }
</style>

<table>    
    <tr>
        <td><img src="icon.png"/> Some text </td>
        <td> Other text </td>
    </tr>
</table>
Ich bin auch arbeite, aber nicht beheben dieses problem jsbin link für die gleichen link

InformationsquelleAutor user1517081 | 2012-12-11

  1. 13

    Statt:

    td {
    vertical-align: top;
}

    Verwenden:

    td {
    vertical-align: baseline;
}
td img {
    vertical-align: top;
}
    Dann wird der text in der zweiten Zelle ist nicht ausgerichtet, um die Oberseite der Zelle.
    Oh, ändern Sie Ihren code.
    td img{vertical-align: top;} waren genug, um die Magie.

    InformationsquelleAutor joshnh

Schreibe einen Kommentar