valign vs text-align en HTML

no puedo averiguar la diferencia entre valign vs text-align en HTML en contexto con el siguiente código:valign vs text-align en 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>

Fuente

2012-01-06 sandbox

Además, text-align es css mientras que valign es un atributo html. Creo que Align es el html equivalente a text-align, mientras que vertical-align es equivalente a valign.

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

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

Si cambia text-align a "inferior", se dará cuenta que no se mueve como fondo no es válida para text-align. El predeterminado (creo) es superior. Sin embargo, si pones "vertical-align: bottom", irá al fondo.

Una simple búsqueda en la web va a encontrar estas respuestas ...

Fuente

2012-01-06 11:45:02 craniumonempty

Gracias ... ¡¡¡Gran respuesta !! – sandbox

El text-align es para alineación horizontal en la CSS y estilos , donde vertical-align es para la alineación vertical. Entonces tenemos align="center"valign="top" son los atributos correspondientes en el HTML para el mismo propósito.

Más información sobre HTML y CSS, esta es mi sugerencia.

Fuente

2012-01-06 11:34:32 Rolice

hmm so SO solo para expertos? Creo que es más probable que esta Q haya sido solicitada un billón de veces lo que hace que las personas goat –

No, pero esta pregunta genérica para HTML y CSS, que puedes encontrar casi en cualquier parte de la web. Intente buscar ** alinear **, ** validar **, ** alinear texto **, ** alinear verticalmente ** en Google. Verá las definiciones exactas en la primera página, seguro. La idea aquí es compartir un problema compartido y las respectivas soluciones, hasta donde yo lo entiendo, no una enciclopedia. – Rolice

valign alineará verticalmente todos los elementos, mientras que text-align es específicamente para texto.

Fuente

2012-01-06 11:36:09 Brissles

y contenido reemplazado. –

valign (atributo html) es equivalente de vertical-align en css

align (atributo html) es equivalente de text-align en css

html atributo versiones están en desuso en favor de css

vertical-align posiciona los elementos del bloque (por ejemplo, div) verticalmente dentro de otros elementos del bloque

text-align posiciones en línea de elementos (p. span, texto predeterminado) dentro de elementos de bloque horizontalmente

Fuente

2012-01-06 11:36:56

'vertical-align positions positions block elements' - esta es una declaración incorrecta. Posiciona elementos en línea verticalmente. –

La propiedad text-align^{MDN docs} es para alineación horizontal.

La alineación vertical que atestigua en su ejemplo se debe a la propiedad valign="top" del elemento tr.

Mire su ejemplo sin valign en http://jsfiddle.net/gaby/PvtAU/ y lo notará.

valign es solo válido para los elementos tr^{MDN docs} y td^{MDN docs}, y está en desuso en html 4.01 y obsoleto en html5.
Uso vertical-align^{MDN docs} lugar ..

Fuente

2012-01-06 11:45:45

El valor de text-align: top; no es válido css, text-align no es vertical horizontal. Aquí es donde entra en juego el valign="top". Poner en valign="left" no es válido al igual que text-align: top; no es válido. valign es vertical.

Fuente

2012-01-06 14:09:53 BrettAdamsGA

valign vs text-align en HTML

Respuesta

Cuestiones relacionadas