-
Cómo voltear horizontal a vertical en HTML
-
La mayoría de las páginas web son, como es lógico, el formato para leer de izquierda a derecha y de arriba a abajo. Sin embargo, para algunos diseños, es útil ser capaz de tener texto funcionamiento de lado, ya sea desde la parte inferior de la pantalla a la parte superior o desde la parte superior a la parte inferior. Es fácil de imitar este efecto usando gráficos del texto, pero se pierde algo del potencial dinámico de los campos de texto, así como la posibilidad de copiar y pegar el texto volteado en otros campos de texto. Una manera existe para voltear texto de horizontal a vertical usando codificación HTML.Instrucciones
1 Encerrar el texto que desea dar la vuelta en una etiqueta span.
Ejemplo: <span> Flipped texto </ span>
2 Insertar una Webkit transformar comando para darle la vuelta al texto a los usuarios de Safari. Utilice -90 para que el texto que va desde la parte inferior de la pantalla a la parte superior, y 90 para que el texto que va desde la parte superior a la parte inferior. Utilice un punto y coma para separar este comando desde los siguientes comandos específicos del navegador.
Ejemplo:
<Span -webkit-transform: rotate (-90deg);> Flipped texto </ span>
3 Inserte una segunda transformada de código usando el prefijo específico del navegador de Mozilla.
Ejemplo:
<Span -webkit-transform: rotar (-90deg); -moz-transform: rotate (-90deg);> Flipped texto </ span>
4 Insertar un filtro BasicImage para voltear el texto a los usuarios de Internet Explorer. En este caso, el valor de rotación 3 se ejecutará el texto de abajo hacia arriba, y 1 se ejecutará el texto de arriba a abajo.
Ejemplo:
<Span -webkit-transform: rotar (-90deg); -moz-transform: rotar (-90deg); Filtro: progid: DXImageTransform.Microsoft.BasicImage (rotación = 3);> Flipped texto </ span>
Consejos y advertencias
- Probar el código en el mayor número de navegadores posible para asegurarse de que tiene las cosas bien. Aunque puede haber algunos cambios menores de un navegador a otro, esta configuración se asegura de que el mayor número de navegadores posible ver el texto como quiera que sea visto.
- Uso de texto volcó con moderación. Los navegadores más antiguos no pueden hacerla correctamente, y no existe ningún método actual para voltear texto en los navegadores Netscape en absoluto.