css屬性讓網頁文字實現豎排的幾種方法

2024-07-11 08:48:47

字體：大中小

來源：轉載

供稿：網友

以下幾種都是用樣式style里的屬性
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); 屬性也可以讓文字豎排。

這里提供2類3種解決辦法
1：使用flash+xml實現。
將內容放到xml內，在flash內讀取并加載到設置好的場景中。text設置文字方向。
2：使用html頁面內swf后綴實現。
例：＜param name="movie" value="index.swf?name=文字內容"/＞
其他基本上與第一個一樣。
as3獲取地址swf后的參數問題
3：給p定寬定高來實現文字豎排。(漢字哦)
首先確認單位，使用em，設置p的高，假設為20em，那么一列就是20個字符。
CSS
引用

復制代碼

上一篇：IE6的雙倍,3px,注釋引起的文字錯位等幾個BUG解決方法

下一篇：在CSS中定義a:link、a:visited、a:hover、a:active正確順序