Vertikal ausrichten von text in Tabellenzellen mit Bild schwebte auf der linken Seite?

Html:

<td>
    <img>
    text here
</td>

Css:

td img{
    display: block;
    float: left;
}

Ich will das Bild schwebte auf der linken Seite innerhalb der Zelle, und der text vertikal ausgerichtet in die Mitte. Ohne Bild gibt, wird der text automatisch vertikal ausgerichtet in der Mitte, aber mit dem Bild kann ich nicht scheinen, um ändern Sie die vertikale Ausrichtung des Textes.

Irgendwelche Ideen?

möchten Sie den text unterhalb oder rechts von dem Bild?
Rechts von der img

InformationsquelleAutor dmr | 2010-12-06

  1. 5

    Wenn Sie wissen, die Höhe des Bildes selbst können Sie die line-height-Eigenschaft.

    <td style="line-height: 50px;">
    <img>Text text text
</td>

    Diese zwingen sollte, an der der text angezeigt werden in der Mitte der Zeile-Höhe.

    Ich habe diese Methode viele Male! Ich wünschte, ich hatte gedacht, dieser ersten.
    Ich dachte nur, weil ich habe mich oft Sauer über das image Ausrichtung jetzt, dass die Verwendung align="middle" veraltet ist, in dem image-tag.
    Dies funktioniert nur, wenn der text in einer einzigen Zeile.
    Stimmt, aber das ist auch ein Zustand, den ich angenommen aus dem Kontext der Frage. Nichts von OP ' s Frage zeigte sich eine Anfrage für eine multi-line-oder universal-Lösung, und dies offensichtlich unterstützt ihn/Sie. Ich muss verpasst haben, Ihre Antwort unten.
    Bitte, es war kein Angriff. Es ist eine Einschränkung, die nützlich für die Menschen bewusst sein.

    InformationsquelleAutor Joel Etherton

  2. 1

    Versuchen Sie vertical-align:middle; in die CSS-Datei für die img. Möglicherweise möchten Sie auch zu erwägen, dass Bild als hintergrund für die Tabelle-Zelle, wie Sie cross-browser-Probleme, unabhängig davon, wie Sie position alles (einstellen des Bild als hintergrund zu vermeiden wäre).

    Einstellung vertical-align für das img hat nicht geholfen...
    damit dies funktioniert, müssen Sie entfernen Sie die float: left; und display: block;.

    InformationsquelleAutor matthewpavkov

  3. 0

    Mit line-height vertikale Ausrichtung von text neben einem Bild innerhalb einer Tabellenzelle onl*y funktioniert, wenn Sie eine Zeile text. Die nächste Zeile der text wird (wie im Beispiel oben) 50px unterhalb der ersten Zeile des Textes.*

    Einstellung der *Bild als backgroun*d funktioniert auch nicht, es sei denn, Sie legen Sie eine Marge, innerhalb der Zelle = die Breite des Bildes auf welcher Seite Sie das Bild ausrichten.

    InformationsquelleAutor user3182890

Schreibe einen Kommentar