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

首頁 > 開發 > CSS > 正文

css實現文字豎排的方式(小結)

2024-07-11 09:00:05
字體:
來源:轉載
供稿:網友

html中文字的默認排列是橫向排列的,但一些特殊情況下是需要文字豎向排列的。

單行文字豎向排列

.onecn{     width: 20px;      margin: 0 auto;      line-height: 24px;  }

.oneen{    width: 15px;    margin: 0 auto;    line-height: 24px;    font-size: 20px;    word-wrap: break-word;/*英文的時候需要加上這句,自動換行*/    word-break:break-all;}

說明:實現文字單行豎向排列,只需要把寬度設置為剛好容納一個字體的寬度即可。

多行文字豎向排列

.two{      margin: 0 auto;      height: 140px;      writing-mode: vertical-lr;/*從左向右 從右向左是 writing-mode: vertical-rl;*/     writing-mode: tb-lr;/*IE瀏覽器的從左向右 從右向左是 writing-mode: tb-rl;*/  }

說明:高度很重要,如果需要控制文字的間距和行距,可以添加屬性letter-spacing和line-height。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 视频| 杭锦后旗| 娱乐| 湖北省| 三门峡市| 鄂温| 元江| 双柏县| 东阿县| 浠水县| 安塞县| 西华县| 久治县| 德清县| 中超| 安庆市| 南召县| 边坝县| 凤翔县| 泸西县| 辰溪县| 黑水县| 凭祥市| 柳州市| 望城县| 泾源县| 沙坪坝区| 南雄市| 灵寿县| 梧州市| 潜江市| 安阳市| 玉林市| 奇台县| 剑阁县| 荔波县| 天津市| 河津市| 三河市| 屏南县| 泸定县|