国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

通過CSS顯示垂直文本以垂直方式顯示文本元素

2024-07-11 08:31:22
字體：大 中 小
來源：轉載
供稿：網友
我們所創建的HTML元素基本上都認為是水平的框架。 我們更加注意寬度而不是高度,特別是當它涉及到文本時。 然而,有時候我們確實想以垂直方式顯示文本元素。 在以前那個腦癱的 Internet Explorers 時代,這完全是一場必敗之仗。 然而現在實現垂直文本就相當于輕輕地吹一口氣。 下面演示如何做到這一點!

The CSS
現在使用 CSS transforms 實現垂直文本是很容易的:

復制代碼
代碼如下:
/* 您可能需要添加瀏覽器前綴,參考:
http://davidwalsh.name/vendor-prefixes
*/
.vertical-text {
transform: rotate(90deg);
transform-origin: left top 0;
}

效果截圖如下:
 
根據你想以哪個方向顯示垂直文本, 旋轉角度會有所不同,但它的旋轉值將使文本垂直。 這是一個有用的提示:

復制代碼
代碼如下:
.vertical-text {
float: left;
}

浮動元素本質上類似于自動寬度(auto width)!
CSS transforms 效率很高, 其能實現的功能比簡單地將文本垂直要強大很多,但通過上面的代碼,功能就實現了, 進步不也是很大嗎?

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 盱眙县| 柯坪县| 富平县| 勐海县| 汽车| 东城区| 汪清县| 荔浦县| 额济纳旗| 古浪县| 穆棱市| 长乐市| 延长县| 济源市| 武冈市| 宁南县| 北流市| 射阳县| 从江县| 个旧市| 连平县| 新昌县| 五河县| 奎屯市| 温州市| 子洲县| 肃宁县| 启东市| 哈尔滨市| 株洲县| 陇川县| 西和县| 大埔区| 西乌| 平凉市| 鲁山县| 麻城市| 台中县| 饶河县| 上饶县| 四川省|