Heim > Artikel > Web-Frontend > Wie drehe ich Text in HTML um 90 Grad nach links und passe die Zellengröße entsprechend an?
Um gleichzeitig den gewünschten Rotationseffekt zu erzielen Passen Sie die Zellengrößen entsprechend an. Erwägen Sie die Verwendung einer Kombination aus CSS und HTML.
<code class="css">th { vertical-align: bottom; text-align: center; } th span { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }</code>
<code class="html"><table> <tr> <th><span>Rotated text by 90 deg.</span></th> </tr> </table></code>
In dieser Lösung:
Diese Lösung erfordert, dass Sie den gedrehten Text in ein umschließen. Element. Die -Element ist nur für Chrome erforderlich, da es das Ändern der Textrichtung für
Das obige ist der detaillierte Inhalt vonWie drehe ich Text in HTML um 90 Grad nach links und passe die Zellengröße entsprechend an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!