Entdecken Sie die vertikale Ausrichtung von application_CSS/HTML

Vergleich mit valign

Die Erklärung von Vertical-Align im Xiaoyu-Handbuch lautet: Festlegen oder Abrufen der vertikalen Ausrichtung des Objektinhalts. Was ich nicht ganz verstehe, ist, dass die Kategorie von Vertical-Align „Attribut/Text“ ist.

O3noBLOG betont insbesondere den Unterschied zwischen Vertical-Align und Valign. Tatsächlich sollte die häufigste Anwendung von Vertical-Align sein in td sein, steuert die Position interner Objekte und ist dem valign-Attribut von td sehr ähnlich.

Valign hat vier Parameter: Top, Baseline, Bottom, Middle. Relativ gesehen hat Vertical-Align auch die gleichen Attributwerte. Das Folgende ist ein Vergleich der td-Steuerung:



Es ist eine gute Wahl, „vertikal-align:top;“ zu verwenden, um die Standardeinstellung „valign="middle" von td zu vermeiden. Natürlich können Sie auch „vertikal-align:middle“ verwenden, um td zu steuern ist definitiv ungültig für div.

Effektdemonstration: http://www.rexsong.com/blog/attachments/20...1246_valign.htm

Vergleich mit align

Befolgen Sie die Tipps von w3 und verwenden Sie die vertikale Ausrichtung für Inline-Objekte, z. B. das Steuerelement von img, sodass es dem align-Attribut von img ähnelt.

Wenn Sie align="absmiddle" verwenden, um das Bild so zu steuern, dass es absolut zentriert ist, können Sie auch versuchen, Vertical-align:middle für einen klareren Vergleich zu verwenden:

Die eigentliche absolute Zentrierung ist also align="absmiddle", was durch die Verwendung von CSS unersetzlich ist.

Effektdemonstration: http://www.rexsong.com/blog/attachments/20...41444_align.htm

Inline-Anwendung

wird verwendet, um die vertikale Position von Inline-Objekten zu bestimmen, siehe zwei Beispiele:

Kleines Bild: http://www.rexsong.com/blog/attachments/20.. . ignmenttest.htm
Großes Bild:http://www.rexsong.com/blog/attachments/20...rticalalign.htm