Die richtigen Werte für text-align sind links | right | center | justify, da es horizontal ist, während valign vertikal ist, also ist es top | middle | bottom | baseline. Sie können auch beide verwenden.
Plus, Textausrichtung ist css, während valign ein html-Attribut ist. Ich denke, Ausrichtung ist das HTML-Äquivalent zu Text-Align, während Vertikal-Align entspricht Valign.
Wenn Sie text-align auf "bottom" setzen, werden Sie feststellen, dass es sich nicht bewegt, da bottom nicht für text-align gilt. Der Standard (ich denke) ist top. Wenn Sie jedoch "vertikal ausrichten: unten" eingeben, wird es nach unten gehen.
Eine einfache Websuche wird Ihnen diese Antworten finden ...
valign
(html-Attribut) ist äquivalent zu vertical-align
in css
align
(html-Attribut) ist äquivalent zu text-align
in css
html-Attribut-Versionen sind zugunsten von CSS
veraltet vertical-align
positioniert Blockelemente (z. B. div
) vertikal innerhalb anderer Blockelemente
text-align
positioniert Inline-Elemente (z. B. span
, Standardtext) innerhalb von Blockelementen horizontal
text-align
dient zum horizontalen Ausrichten in CSS und Stilen, wobei vertical-align
für die vertikale Ausrichtung dient. Dann haben wir align="center"
valign="top"
sind die entsprechenden Attribute im HTML für den gleichen Zweck.
Lesen Sie mehr über HTML und CSS , das ist mein Vorschlag.
Ein Wert von top
für text-align
wird nicht unterstützt ( nur left | center | right | justify | start | end
) .. also tut es nicht, was Sie erwarten ...
Die Eigenschaft text-align
MDN Dokumentation dient zur horizontalen Ausrichtung.
Die vertikale Ausrichtung, die Sie in Ihrem Beispiel feststellen, liegt an der Eigenschaft valign="top"
des Elements tr
.
Sehen Sie sich Ihr Beispiel ohne valign
bei Ссылка an und Sie werden dies bemerken.
valign
ist nur für tr
MDN-Dokumente gültig und td
MDN docs -Elemente und ist in html 4.01 und. veraltet in HTML5 veraltet.
Verwenden Sie stattdessen vertical-align
MDN-Dokumente statt ..
Der Wert von text-align: top;
ist nicht gültig css, text-align
ist horizontal und nicht vertikal. Hier kommt valign="top"
ins Spiel. Das Einfügen in valign="left"
ist nicht gleich gültig, da text-align: top;
nicht gültig ist. valign
ist vertikal.
Tags und Links html css semantic-markup markup