曝光臺 注意防騙
網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者
非指定了其他類型。
13.4.1.2 塊對象
塊對象(block object)一個挨一個地往下垂直分布。第一個塊對象處于包含塊的左上角,然后第二個塊置于它之下,并齊
排列在包含塊的左邊。各塊之間的垂直距離由各塊的頁邊距和貼邊屬性來定義。例如,下面的這段規則把VERSE、STANZA
和REFRAIN 元素當作各塊來看待。圖13-1 顯示的是清單13-1 應用了此規則(并只有此規則)之后的結果。注意,AUTHOR
和TITLE 都處于同一行,因為缺省情況下它們是內聯的。但是,當塊元素跟在一個內聯元素之后時,就需要在塊元素后面使
用分行符。
XML 實用大全
第 424 頁
VERSE, STANZA, REFRAIN { display: block }
圖13-1 當作為塊元素顯示時,Shakespeare 的十四行詩呈現的外觀更正常
13.4.1.3 none 值
none 值強制此元素不產生任何類型的顯示框來格式化元素的內容。另一方面,元素對文檔的版面沒有任何影響。子元素和
其他后代元素也不產生框,即使它們設置了display 屬性也是如此。當display 為none 時,那么此框不僅僅是不可見,而
是它確實不存在。
13.4.1.4 compact 和run-in 值
display 屬性的compact 和run-in 值根據上下文的前后關系,把一元素既可以標識為塊,也可以標識為內聯框。根據屬性
的最終顯示狀態,用于聲明為這種類型的項目上的屬性,將是很有效的。如果合適,compact 框將放在緊隨其后的塊框的頁
邊距之內。如果跟在compact 框之后的框不是塊框,或者compact 框在頁面距內放不下,那么它將只作為另一塊框顯示。
run-in 值能夠將正常的塊元素格式化為代碼中下一塊元素的第一個內聯塊。如果下一個元素不是塊元素,那么run-in 元素
就能作為塊元素被格式化。
13.4.1.5 標記值
將display 屬性設置為marker 值時,可標識由樣式單中生成的內容所形成的塊,而不是從XML 文檔復制來的內容所形成的
塊。此值只能與已和塊級元素相聯系的:before 和:after 偽元素一起使用。
13.4.1.6 表格顯示值
在CSS2 中,尤其對于那些經常使用標記(這種標記與HTML 的表格標記完全不同)創建表格結構的XML 開發人員來說,最重
要的新功能之一就是支持元素的表格版面。使用下列10 個display 屬性值,就可以使CSS2 增加將元素格式化為表格的支持。
XML 實用大全
第 425 頁
1.table 6.table-row
2.inline-table 7.table-column-group
3.table-row-group 8.table-column
4.table-header-group 9.table-cell
5.table-footer-group 10.table-caption
例如,將display 屬性設置為table,表示所選擇的元素是塊級容器,用于將較小的子元素放置在表格的單元格中。
inline-table 值強制表格具有內聯對象的功能,使正文能夠沿著其側邊浮動,對于多個表格,并排放置。table-caption
值將元素格式化為表的標題。table-row-group、table-header-group 和table-footer-group 值創建只起一行作用的數據
單元組,就像使用table-row 值定義的一樣。table-column-group 創建充當一列的一組數據單元,可使用table-column 值
來定義。出現在表格單元中的XML 元素應該有帶有table-cell 值的display 屬性,這已足夠。
例如,如果要將十四行詩形成類似于表的結構,可將每個STANZA 和REFRAIN 設置為一張表,每個VERSE 設置為表的一行。
創建這種效果的樣式單可能包括如下三條規則:
STANZA { display: table }
REFRAIN { display: table }
VERSE { display: table-row }
13.4.2 寬度和高度屬性
用于顯示每個元素的框的缺省高度可從元素內容的整體高度算出。每個元素框的缺省寬度可從元素內容的整體寬度算出,或
從頁面或屏幕的可視區域的寬度算出。內聯元素和包含正文的表格元素總是具有這類自動地計算出的尺寸。但是,樣式單設
計者可以改變塊級元素的這些缺省值,并通過指定下列的六個屬性值來代替內聯元素:
1.min-width
2.max-width
3.min-height
4.max-height
5.height
6.width
min-height 和min-width 屬性指定可用來顯示對象的最小尺寸。最大屬性是框的最大尺寸,而不管其內容的總尺寸。Web
瀏覽器在這些限制內可自由調節框的大小。但是,如果設置了height 和width,那么就可精確地確定框的大小。
STANZA { width: 100px;
XML 實用大全
第 426 頁
Height: 100px }
13.4.3 overflow 屬性
當使用width 和height 精確地指定一個框的大小時,淠諶菟 伎占渫耆 鋅贍鼙卻絲蚴導士占浯蟆 verflow 屬性控制如
何處理超過的內容。此屬性可設置為下列四個值之一:
1.auto
2.hidden
3.scroll
4.visible
如果overflow 設置為auto,必要時將會添加滾動條,以便用戶能夠看見超過的內容。如果將overflow 設置為hidden,超
過的內容被裁去。如果將overflow 設置為scroll,那么無論內容是否超出顯示范圍,都會增加滾動條。最后,如果將overflow
設置為visible,將顯示整個內容,如有必要,則推翻框的大小約束。
圖13-2 顯示的是當使用下列規則,將STANZA 的overflow 屬性設置為scroll 時的十四行詩:
STANZA { overflow: scroll }
圖13-2 具有滾動條的Shakespeare 的十四行詩的節
13.4.4 clip 屬性
當由用戶軟件顯示對象內容時,clip(剪輯)屬性標識可見的對象內容部分。一般地,剪輯區與元素框的外邊界一致,但此
區是可以改變的。此屬性只適用于具有overflow 特性(設置為非visible 的任一值)的元素。
XML 實用大全
第 427 頁
在CSS2 中,只能剪輯成矩形區域。將clip 屬性設置為rect(top, bottom, left, right),這里的top、bottom、left 和
right 為各側面的偏移量。如果剪輯過的對象仍超過瀏覽器窗口的可視區域,那么內容將會被進一步剪輯以適應于窗口的大
小。下列規則將clip 屬性用于STANZA 塊元素:
STANZA { clip: rect(5px, 5px, 5px, 5px);
中國航空網 www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址:
XML實用大全(120)