曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
非指定了其他类型。
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.aero.cn
航空翻译 www.aviation.cn
本文链接地址:
XML实用大全(120)