在 HTML 表格單元格內垂直旋轉文字是最佳化密集表格空間的常見查詢。為了達到這種效果,一種流行的方法是利用轉換屬性來定義 CSS 樣式。
一種方法涉及使用CSS 旋轉屬性:
.box_rotate { -moz-transform: rotate(7.5deg); /* FF3.5+ */ -o-transform: rotate(7.5deg); /* Opera 10.5 */ -webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ }
將此樣式應用於表格單元格中的文字將逆時針旋轉7.5 度:
<code class="html"><td> <div class="box_rotate"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </td></code>
此技術可讓您垂直轉換文本,有效節省具有大量標題或文本的表格的空間。
以上是如何在 HTML 表格中垂直旋轉文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!