(排除项Windows.docVIP

级联样式表 (CSS) 排除是 Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用中新增的功能。Web 内容创作人员现在可以使用 CSS 排除，让文字环绕（即完全围绕）元素，从而避免传统的浮动限制。在保留文档流其余部分的同时，CSS 排除可以被定位到相对于包含块的上、下、左或右侧指定距离的位置，而不是限制元素以使其在文档流中浮动在相对于元素所在位置的左侧或右侧。 Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用中对 CSS 排除的支持可实现下图中所示的类似方案，该图中所显示的应用布局方式与在桌面排版应用程序（如 Microsoft Word 或 Adobe InDesign）中设计页面的方式相似。 而且，你可以将 CSS 排除与使用 JavaScript 的 Internet Explorer 10 和 Windows 应用商店应用的其他新布局功能（如 CSS 网格、CSS3 多列和 CSS Flexbox）结合使用。CSS 排除是在万维网联合会 (W3C) 的CSS 排除和形状草案中定义的。以下各小节将简要概述 CSS 排除及其实现方法。 注意 由于“CSS3 排除项”尚处于准备阶段，所以在本主题中所描述的属性必须在使用时带有 Microsoft 专用的供应商前缀“-ms-”，才能与 Internet Explorer 10 和适用于 Windows 8 的使用 JavaScript 的 Windows 应用商店应用配合使用。另外，请注意在 CSS 排除规范中所定义的属性和语法可能与在本主题中描述的不完全对应。随着规范的继续发展，这可能会改变。 有关 CSS 排除的实例演示，请参阅 IE Test Drive 上的实例演示：CSS 排除。 本主题包含下列部分： 已定义的排除项术语 排除项元素 排除项区域 浮动项区域 内容区域 环绕上下文 排除项元素 排除项周围的环绕内容 抵销内部环绕形状 CSS 排除和 CSS 网格 相关主题 已定义的排除项术语 注意 请注意 CSS 排除的语法（以前称为“定位浮动”）与以前的预发行版本相比已经有所更改。 了解以下术语将会对了解排除项有所帮助，这些术语是在 CSS3 排除项规范的定义部分中定义的。另外，你最好先熟悉一下与 CSS 框模型相关的术语。 排除项元素 当 -ms-wrap-flow 属性具有计算值而非 auto 时，该属性使元素成为排除项元素。此属性指定排除项元素（排除项）可以不同方式(如以下各节所述）进行定位，以及内联内容将以与环绕浮动元素的类似方式来环绕排除项。 排除项区域 排除项区域是用于在排除项元素周围排除内联流内容的区域。根据 CSS 框模型，排除项区域等价于边框。在此情况下，排除项区域在 Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用中始终是矩形。 浮动项区域 浮动项区域是用于在浮动项元素周围排除内联流内容的区域。默认情况下，浮动项区域为 float 元素的边框。在此情况下，排除项区域在 Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用中始终是矩形。 内容区域 内容区域是用于放置元素的内联流内容的区域。默认情况下，内容区域相当于内容框。 环绕上下文 元素的环绕上下文是排除项区域的集合，并用于环绕内联流内容。在对应于从元素自身内容区域中排除其环绕上下文的区域中，元素环绕其内联流内容。 元素将继承其包含块的环绕上下文，除非它使用 -ms-wrap-through 属性进行重置。 排除项元素 -ms-wrap-flow 属性使元素成为排除项元素。 属性 描述 -ms-wrap-flow 下面的关键字对于此属性来说是有效的： auto 初始值。对于浮动元素，创建排除项；对于所有其他元素，不创建排除项。 both 内联流内容可以在排除项的四周流动。 start 内联流内容可以在排除项区域的开始侧环绕，但必须将排除项区域的结尾侧保留为空。 end 内联流内容可以在排除项区域的结尾侧后环绕，但必须将排除项区域的开始侧前保留为空。 maximum 内联流内容可利用对特定行来说最大的可用空间在排除项的一侧环绕，且必须将排除项的另一侧保留为空。 clear 内联流内容只能在排除项的上下两侧环绕，且必须将排除项框的左右两侧保留为空。 当 -ms-wrap-flow 属性的计算值是 auto 时，该元素不能成为排除项元素，除非其 float 属性的计算值不为 none。在这种情况下，根据 clear 属性，元素将其边框贡献给包含块的环绕上下文及