具有CSS区域和排除的Web杂志式布局

Web是一个极其强大的文本平台，Adobe在这一领域拥有丰富的经验和专业知识。因此，当Adobe正在寻找帮助推动Web向前发展的方法时，进一步提升Web的文本功能似乎是我们显而易见的起点。Web通常采用单列、垂直方向的文本。尽管可以在图形周围排列文本，甚至可以使用CSS将文本格式化为多列，但在Web上实现真正的杂志式布局仍然非常困难。借助

CSSRegions

和

CSSExclusions

，Adobe率先将桌面发布的强大功能引入现代浏览器。例如，在下面的屏幕截图中，CSSExclusions被用于沿着山的轮廓流动文本：

CSS排除在行动中的示例下面屏幕截图中的文档还使用CSSExclusions来允许文本环绕图像中的形状，以及CSSRegions来将文本格式化为列和拉引号：

CSSRegions实例

CSS区域

在深入了解

CSSRegions

，我想先介绍一下如何在GoogleChrome中启用区域。启用CSS区域后，您可以尝试本文中引用的一些示例，并创建自己的示例。

在GoogleChrome中启用CSS区域

从Chrome的第0版（确切地说是0.0.11.57版）开始，CSS区域通过

chrome://flags

界面。要启用CSS区域，请执行以下步骤：

在Chrome中打开新标签页或窗口。类型chrome://flags在位置栏中。使用findinpage(control/

转载请注明：http://blog.hzbdfjk.com/xgyy/7726.html