valign vs text-align en HTML
Je ne peux pas comprendre la différence entre valign vs text-align en HTML, dans le contexte avec le code suivant:
<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>Main Title of Web Page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#FFD700;width:100px;text-align:top;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;">
Content goes here</td>
</tr>
<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Copyright © 2012</td>
</tr>
</table>
OriginalL'auteur sandbox | 2012-01-06
Vous devez vous connecter pour publier un commentaire.
Les valeurs appropriées text-align sont à gauche|droite|centre|justifier qu'il est à l'horizontale, tandis que la valign est vertical, donc c'est top|middle|bottom|ligne de base. Vous pouvez également utiliser hériter à la fois.
Plus, text-align est le css alors que valign est un attribut html. Je pense align est l'équivalent html pour text-align, tandis que vertical-align est équivalent à valign.
http://www.w3schools.com/cssref/pr_text_text-align.asp
http://www.w3schools.com/tags/att_td_valign.asp
Si vous passez text-align "bas", vous remarquerez qu'il ne bouge pas tant que le fond n'est pas valide pour text-align. La valeur par défaut (je crois), c'est top. Si vous mettez "vertical-align:bottom" bien que, il ira vers le bas.
Une simple recherche sur le web vous trouverez ces réponses...
OriginalL'auteur craniumonempty
valign
(attribut html) est l'équivalent devertical-align
en cssalign
(attribut html) est l'équivalent detext-align
en cssattribut html versions sont obsolètes en faveur de css
vertical-align
positions des éléments de bloc (par exemple,div
) verticalement à l'intérieur d'autres éléments de bloctext-align
positions des éléments en ligne (par exemplespan
, texte par défaut) à l'intérieur des éléments de bloc horizontalementvertical-align positions block elements
- ce qui est faux énoncé. Il positionne les éléments en ligne à la verticale.OriginalL'auteur jenson-button-event
La
text-align
est pour l'alignement horizontal en CSS et de styles, oùvertical-align
est pour l'alignement vertical. Ensuite, nous avonsalign="center"
valign="top"
sont les attributs correspondant dans le code HTML pour le même but.Lire plus sur HTML et CSS, c'est ma suggestion.
Non, mais cette question générique pour HTML et CSS, vous pouvez trouver presque n'importe où sur le web. Essayez de faire une recherche align, valign, text-align, vertical-align dans Google. Vous pourrez voir les définitions exactes sur la première page, pour sûr. L'idée ici, est de partager une partager les problèmes et les solutions respectives, autant que je le reçois, pas une encyclopédie.
OriginalL'auteur Rolice
valign seront alignées à la verticale tous les éléments, tandis que text-align est spécifiquement pour le texte.
OriginalL'auteur Brissles
Une valeur de
top
pourtext-align
n'est pas pris en charge (seulementleft | center | right | justify | start | end
).. donc il ne fait pas ce que vous attendez ...La
text-align
MDN docs propriété est pour l'alignement horizontal.La verticale de vous aligner témoin dans votre exemple, en raison de la
valign="top"
propriété de latr
élément.Regardez votre exemple sans
valign
à http://jsfiddle.net/gaby/PvtAU/ et vous remarquerez que ce.valign
n'est valable que pourtr
MDN docs ettd
MDN docs éléments, et est obsolète en html 4.01 et obsolète en html5.Utilisation
vertical-align
MDN docs à la place..OriginalL'auteur Gabriele Petrioli
La valeur de
text-align: top;
n'est pas valide css,text-align
est horizontal et non vertical. C'est là quevalign="top"
entre en jeu. La mise envalign="left"
n'est pas valide le même quetext-align: top;
n'est pas valide.valign
est vertical.OriginalL'auteur BrettAdamsGA