Nwlapcug.com


Come ruotare il testo in una tabella HTML

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 i CSS e altri linguaggi web, è possibile creare praticamente qualsiasi tipo di display in un browser web. Struttura HTML può essere stabilita in una varietà di modi e uno di questi modi è con una tabella. Utilizzando una tabella per impostare la posizione degli elementi della pagina web, è possibile ruotare il testo all'interno di una cella di tabella.

Istruzioni

1

Aprire la pagina web dove si desidera visualizzare testo ruotato.

2

Creare una tabella con una cella aggiungendo il testo "xxxxxx < tabella >< tr >< td > < /td >< /tr >< / tavolo >" da qualche parte tra il "< corpo >< / corpo >" tag. Sostituire il testo "xxxxxx" con il testo che si desidera ruotare.

3

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

4

Creare una classe CSS tra il "< testa >< / testa >" tag della tua pagina: "< stile tipo =" text/css"> livello {display: block; - webkit - transform: rotate(-90deg); - moz - transform: rotate(-90deg);} < / stile > ".

5

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

Consigli & Avvertenze

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