沐鳴:_css怎麼讓文字豎著排列?

css可以使用css樣式writing-mode:tb-rl來設置文字豎著排列。writing-mode屬性設置或檢索對象的內容塊固有的書寫方向。

css讓文字豎著排列示例:

css代碼:

div { writing-mode: tb-rl; }

完整代碼:

<html>
<head>
<style type="text/css">
p.margin{ 
writing-mode: tb-rl;

  }
</style>
</head>

<body>

<p>這段文字橫排显示。</p>

<p>這段文字豎排显示。</p>

<p>這段文字橫排显示。</p>

</body>

</html>

效果圖:

writing-mode屬性:

語法:

writing-mode : lr-tb | tb-rl

參數:

lr-tb : 左-右,上-下

tb-rl : 上-下,右-左

說明:
設置或檢索對象的內容塊固有的書寫方向。西方語言確省的是左-右,上-下的書寫方式。但是亞洲語言常有上-下,右-左的書寫方式。
當此屬性值發生變化時,text-align屬性與vertical-align屬性的作用也將發生變化。

站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/8405