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