valign vs text-align in HTML

io non riesco a capire la differenza tra valign vs text-align in HTML nel contesto con il seguente codice:valign vs text-align in HTML

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

fonte

2012-01-06 sandbox

Inoltre, l'allineamento del testo è css mentre valign è un attributo html. Penso che l'allineamento sia l'html equivalente all'allineamento del testo, mentre l'allineamento verticale è equivalente alla valenza.

http://www.w3schools.com/cssref/pr_text_text-align.asp

http://www.w3schools.com/tags/att_td_valign.asp

Se si passa text-align a "basso", si noterà che non si muove come fondo non è valida per il text-align. L'impostazione predefinita (penso) è superiore. Se metti "vertical-align: bottom", però, andrà verso il basso.

Una semplice ricerca sul web vi troverà queste risposte ...

fonte

2012-01-06 11:45:02 craniumonempty

Grazie ... Ottima risposta !! – sandbox

Il text-align è per l'allineamento orizzontale in CSS e stili , dove vertical-align è per l'allineamento verticale. Quindi abbiamo align="center"valign="top" gli attributi corrispondenti nell'HTML per lo stesso scopo.

Maggiori informazioni su HTML e CSS, questo è il mio suggerimento.

fonte

2012-01-06 11:34:32 Rolice

hmm così SO è solo per esperti? Penso che sia più probabile che questo Q sia stato chiesto un milione di volte che ottiene la gente capra –

No, ma questa domanda generica per HTML e CSS, che è possibile trovare quasi ovunque sul web. Prova a cercare ** align **, ** valign **, ** text-align **, ** vertical-align ** in Google. Sicuramente vedrai le definizioni esatte nella prima pagina. L'idea qui è di condividere un problema di condivisione e le rispettive soluzioni, per quanto ho capito, non un'enciclopedia. – Rolice

valign allinea verticalmente tutti gli elementi, mentre text-align è specifico per il testo.

fonte

2012-01-06 11:36:09 Brissles

e sostituito il contenuto. –

valign (attributo HTML) è equivalente di vertical-align in css

align (attributo HTML) è equivalente di text-align in css attributo

html versioni sono deprecati in favore di css

vertical-align posiziona elementi di blocco (ad es. div) verticalmente all'interno di altri elementi di blocco

text-align posizioni elementi in linea (ad es. span, testo predefinito) all'interno degli elementi del blocco orizzontalmente

fonte

2012-01-06 11:36:56

'elementi di blocco posizioni di allineamento verticale' - questa è una dichiarazione errata. Posiziona gli elementi in linea verticalmente. –

La proprietà text-align^{MDN docs} è per l'allineamento orizzontale.

L'allineamento verticale del tuo esempio è dovuto alla proprietà valign="top" dell'elemento tr.

Guarda il tuo esempio senza lo valign allo http://jsfiddle.net/gaby/PvtAU/ e lo noterai.

valign è valido solo per gli elementi tr^{MDN docs} e td^{MDN docs} ed è obsoleto in html 4.01 e obsoleto in html5.
Usa vertical-align^{MDN docs} invece ..

fonte

2012-01-06 11:45:45

Il valore di text-align: top; non è valido css, text-align non è orizzontale verticale. È qui che entra in gioco valign="top". L'inserimento di valign="left" non è valido come text-align: top; non è valido. valign è verticale.

fonte

2012-01-06 14:09:53 BrettAdamsGA

valign vs text-align in HTML

risposta

Problemi correlati