css屬性讓網頁文字實現豎排的方法介紹

大家知道css屬性讓網頁文字實現豎排的方法嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

1.layout-flow : horizontal | vertical-ideographic

參數：

horizontal : 　對象中的內容自左邊流入。下一行在前一行下面。這個值適於拉丁語系

vertical-ideographic : 　對象中的內容自上而下流入，下一行在前一行左面。這個值適於亞洲語系在制作網頁的時候我覺得用這個比較好，

2.word-break : normal | break-all | keep-all

用 keep-all 他可以不讓蒙文在排不滿的時候斷字，但是下行不怎麼整齊。

參數：

normal : 　依照亞洲語言和非亞洲語言的文本規則，允許在字內換行

break-all : 　該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本 keep-all : 　與所有非亞洲語言的normal相同。對於中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本。

3.style裡的 position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 屬性也可以讓文字豎排。

相信大家已經學會css屬性讓網頁文字實現豎排的方法了吧!感謝大家對我們網站的支持!

相關推薦：

div文字溢出省略號代替的方法是什麼