Come ruotare il testo in una tabella HTML

June 8

Come ruotare il testo in una tabella HTML


HTML è un linguaggio che viene utilizzato per creare e manipolare oggetti su una pagina web. Quando combinato con CSS e altri linguaggi web, è possibile creare qualsiasi tipo di visualizzazione in un browser web. struttura HTML può essere stabilita in una varietà di modi e uno di questi modi è con un tavolo. Utilizzando una tabella per impostare la posizione degli elementi della pagina web, è possibile ruotare il testo all'interno di una cella.

istruzione

1 Aprire la pagina web in cui si desidera visualizzare il testo ruotato.

2 Creare una tabella con una cella con l'aggiunta del testo "<table> <tr> <td> xxxxxx </ td> </ tr> </ table>" da qualche parte tra i "<body> </ body>" tag. Sostituire il testo "xxxxxx" con il testo che si desidera ruotare.

3 Aggiungere una classe e un filtro di Internet Explorer al vostro elemento "<td>". Ad esempio: "<td class =" "style =" rotazione filtro: progid: DXImageTransform.Microsoft.BasicImage (rotazione = 3); "> xxxxxx </ td>".

4 Creare una classe CSS tra la "<head> </ head>" tag della pagina: "<style type =" text / css "> rotazione {display: block; -webkit-transform:. Rotate (-90deg); - moz-transform: rotate (-90deg);} </ style> ".

5 Salvare la pagina Web, quindi aprirlo in un browser Web per verificare che il testo viene ruotato in modo corretto. Se si desidera cambiare l'angolo di rotazione, farlo regolando le "(-90deg)" elementi nella classe CSS di conseguenza. Sarà inoltre necessario modificare la proprietà di rotazione del vostro filtro Internet Explorer per 0, 1, 2 o 3 per ruotare il testo 0, 90, 180 o 270 gradi, rispettivamente.

Consigli e avvertenze

  • È anche possibile ruotare elementi HTML che sono contenuti all'interno di un "<div> </ div>" tag utilizzando questo processo.