平時我們常使文字橫排顯示，那麼如何用css實現文字豎排顯示呢？以下是**例項。
2023年4月4日15:17
.time因為縮小了寬度，所以導致文字變為單行，但是數字和時間的地方卻依然是橫排顯示。然後通過搜尋查詢，發現乙個css屬性是writing-mode。
語法：
writing-mode：horizontal-tb | vertical-rl | vertical-lr | lr-tb | tb-rl
預設值：normal
適用於：除 屬性定義為table-row-group | table-column-group | table-row | table-column之外的所有元素
繼承性：有
動畫性：否
計算值：特定值
取值：
horizontal-tb：水平方向自上而下的書寫方式。即 left-right-top-bottom（類似ie私有值lr-tb）
vertical-rl：垂直方向自右而左的書寫方式。即 top-bottom-right-left（類似ie私有值tb-rl）
vertical-lr：垂直方向自左而右的書寫方式。即 top-bottom-left-right
lr-tb：左-右，上-下。物件中的內容在水平方向上從左向右流入，後一行在前一行的下面。 所有的字形都是豎直向上的。這種布局是羅馬語系使用的（ie）
tb-rl：上-下，右-左。物件中的內容在垂直方向上從上向下流入，自右向左。後一豎行在前一豎行的左面。全形字符是豎直向上的，半形字元如拉丁字母或片假名順時針旋轉90度。這種布局是東亞語系通常使用的（ie）
說明：
設定或檢索物件的內容塊固有的書寫方向。西方語言一般都是 lr-tb 的書寫方式，但是亞洲語言 lr-tb | tb-rl 的書寫方式都有。
作為ie的私有屬性之一，ie5.5率先實現了 writing-mode ，後期被w3c採納成標準屬性；
此屬性效果不能被累加使用。例如，父物件的此屬性值設為 tb-rl ，子物件再設定該屬性將不起作用，仍應用父物件的設定。
對應的指令碼特性為writingmode。
相容：
可相容ie6/ie7及常見瀏覽器。
那麼**可編寫為：
.time可以看到文字數值顯示，且數字順時針旋轉90度。
CSS實現文字豎排顯示（相容IE6 IE7）
平時我們常使文字橫排顯示，那麼如何用css實現文字豎排顯示呢？以下是 例項。2018年4月4日15 17 time可以看到在瀏覽器裡如圖所示 因為縮小了寬度，所以導致文字變為單行，但是數字和時間的地方卻依然是橫排顯示。然後通過搜尋查詢，發現乙個css屬性是writing mode。語法 writin...
Css實現文字豎排效果
css實現文字豎排效果 詞曰 滾滾長江東逝水,浪花淘盡英雄。是非成敗轉頭空 青山依舊在,幾度夕陽紅。白髮漁樵江渚上,慣看秋月春風。一壺濁酒喜相逢 古今多少事,都付笑談中。話說天下大勢 分久必合，合久必分 週末七國分爭，併入於秦。及秦滅之後，楚 漢分爭，又併入於漢。漢朝自高祖斬白蛇而起義，一統天下。後...
CSS實現文字自動換行 相容IE和火狐
word wrap是控制換行的。使用break word時，是將強制換行。中文沒有任何問題，英文語句也沒問題。但是對於長串的英文，就不起作用。break word是控制是否斷詞的。normal是預設情況，英文單詞不被拆開。break all，是斷開單詞。在單詞到邊界時，下個字母自動到下一行。主要解決...