valign vs Text-Ausrichtung in HTML

8

Ich kann den Unterschied zwischen valign und text-align in HTML im Kontext mit dem folgenden Code nicht herausfinden:

%Vor%     
sandbox 06.01.2012, 11:30
quelle

6 Antworten

9

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 ...

    
craniumonempty 06.01.2012, 11:45
quelle
13

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

    
jenson-button-event 06.01.2012 11:36
quelle
3

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.

    
Rolice 06.01.2012 11:34
quelle
0

valign wird alle Elemente vertikal ausrichten, während text-align speziell für Text ist.

    
Brissles 06.01.2012 11:36
quelle
0

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 ..

    
Gaby aka G. Petrioli 06.01.2012 11:45
quelle
0

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.

    
BrettAdamsGA 06.01.2012 14:09
quelle

Tags und Links