首頁 >web前端 >css教學 >詳解layout-flow屬性用法

詳解layout-flow屬性用法

零下一度
零下一度原創
2017-06-19 16:52:392648瀏覽

語法:

layout-flow : horizontal | vertical-ideographic

參數:
horizo​​ntal :  物件中的內容自左邊流入。下一行在前一行下面。這個值適於拉丁語系
vertical-ideographic :  物件中的內容自上而下流入,下一行在前一行左面。這個值適於亞洲語系
說明:
設定或檢索物件內文本的流動和方向。
當此屬性值變更時,text-align屬性與vertical-align屬性的作用也會改變。
對應的腳本特性為layoutFlow。請參閱我所寫的其他書目。

當此屬性值改變時,text-align 屬性與pvertical-align屬性的作用也會改變。
對於下列元素來說,樣式表屬性無法繼承:

此屬性效果不會被累積作用。例如,假如父物件的此屬性值設為 tb-rl ,子物件的此屬性值設為 tb-rl 不會導致子物件的旋轉。
假如物件的writing-mode屬性設定和它的父物件不一樣則其將獲得自己的佈局。那樣一個物件的寬度是透過使用它第一個有佈局的父物件的高度而決定的。
當你使用具有不同pwriting-modep屬性值的物件時,給每個物件指定確定的尺寸能夠讓你更好的整體控制它們的佈局。
此屬性對於pcurrentStyle物件而言是唯讀的。對於其他物件而言是可讀寫的。
對應的腳本特性為 

layout-flow:vertical-ideographic;
意思就是像古文一樣排列文字,例如「一二三四五六七八九〇”,普通是從左到右的順序。而使用這句後,就是:從右到左的一列一列的 文字垂直排。
0aece2f0952fca5309014f68c319bc57
一二三四五六七八九〇,試試這段程式碼就知道意思了。不過不建議使用,因為這是ie專有屬性,不相容Firefox等,不建議使用。

以上是詳解layout-flow屬性用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn