CSS3让网页更富于表现和支持更复杂布局

图7 展示如何让同样的内容适应不同的屏幕方向，以及变化的列数

图7 内容适应不同的屏幕方向，同时改变的列数

CSS3 区域和JavaScript

你也可以将这些功能结合JavaScript以创建交互的内容。在下面的图8中展示的，你可以滑动双向的箭头以移动图片，这个时候，文字围绕山体和汽车重新布局。

图8. 滑动双向的箭头移动图片，文字围绕山体和汽车重新布局

这个例子包含在上面提到的WebKit原型中，你可以下载体验下。

译注：CSS3 region这个词，着实不太好翻译，暂时按照region的意思翻译为区域，但是感觉很别扭。还有文中的一些词组，如果你觉得有更好的中文说法，请赐教——神飞。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!