Tecnología

Inicio

Cómo girar el texto en una tabla HTML

Cómo girar el texto en una tabla HTML


HTML es un lenguaje que se utiliza para crear y manipular objetos en una página web. Cuando se combina con CSS y otros lenguajes web, es posible crear casi cualquier tipo de pantalla en un navegador web. estructura HTML se puede establecer en una variedad de formas y una de esas formas es con una tabla. Mediante el uso de una tabla para establecer la posición de elementos de la página web, es posible girar el texto dentro de una celda de la tabla.

Instrucciones

1 Abrir la página web en la que desea mostrar el texto girado.

2 Crear una tabla con una célula añadiendo el texto "<table> <tr> <td> xxxxxx </ td> </ tr> </ table>" en algún lugar entre los "<body> </ body>" etiquetas. Reemplazar el texto "xxxxxx" con el texto que desea girar.

3 Añadir una clase y un filtro de Internet Explorer para el elemento "<td>". Por ejemplo: "<td class =" "style =" rotación de filtro: progid: DXImageTransform.Microsoft.BasicImage (rotación = 3); "> xxxxxx </ td>".

4 Crear una clase CSS entre el "<head> </ head>" etiquetas de su página: "<style type =" text / css "> rotación {display: block; -webkit-transform:. Rotate (-90deg); - moz-transform: rotar (-90deg);} </ style> ".

5 Guarde la página web, a continuación, abrirlo en un navegador web para verificar que el texto se hace girar correctamente. Si se desea cambiar el ángulo de rotación, hacerlo mediante el ajuste de los "(-90deg)" elementos en la clase CSS en consecuencia. También tendrá que cambiar la propiedad de rotación de su filtro de Internet Explorer a 0, 1, 2 o 3 para girar el texto 0, 90, 180 o 270 grados, respectivamente.

Consejos y advertencias

  • También puede rotar los elementos HTML que están contenidos dentro de una etiqueta "<div> </ div>" mediante el uso de este proceso.