Hvordan Roter tekst i en HTML-tabell
HTML er et språk som brukes til å opprette og manipulere objekter på en nettside. Når det kombineres med CSS og andre web-språk, er det mulig å lage nesten alle slags visning i en nettleser. HTML-strukturen kan bli etablert på en rekke måter, og en av disse måter er med et bord. Ved å bruke en tabell for å angi posisjonen av web sideelementer, er det mulig å rotere tekst i en tabellcelle.
Bruksanvisning
1 Åpne nettsiden der du ønsker å vise rotert tekst.
2 Lag en tabell med en celle ved å legge til teksten "<table> <tr> <td> xxxxxx </ td> </ tr> </ table>" et sted mellom "<body> </ body>" koder. Sett på "xxxxxx" teksten med teksten du vil rotere.
3 Legg til en klasse og en Internet Explorer filter til "<td>" element. For eksempel: "<td class =" rotasjon "style =" filter: progid: DXImageTransform.Microsoft.BasicImage (rotasjon = 3); "> xxxxxx </ td>".
4 Lag en CSS-klasse mellom "<head> </ head>" tags på siden din: "<style type =" text / css "> rotasjon {display: block; -webkit-transform. Rotate (-90deg), - moz-transform: rotere (-90deg);} </ style> ".
5 Lagre nettsiden din, og deretter åpne den i en nettleser for å kontrollere at teksten er rotert riktig. Dersom du ønsker å endre rotasjonsvinkel, gjør det ved å justere "(-90deg)" elementer i CSS-klasse tilsvarende. Du må også endre rotasjonen tilhører Internet Explorer filter til 0, 1, 2 eller 3 for å rotere teksten 0, 90, 180 eller 270 grader hhv.
Hint
- Du kan også rotere HTML-elementer som finnes i et "<div> </ div>" tag ved hjelp av denne prosessen.