建议在Firefox或Chrome中测试,在模拟器中预览。
【示例】
-
HTML
<h1>W3C标准</h1> <p>W3C的各类技术标准在努力为各类应用的开发打造一个<strong>开放的Web平台(Open Web Platform)</strong>。尽管这个开放Web平台的边界在不断延伸,产业界认为HTML5将是这个平台的核心,平台的能力将依赖于W3C及其合作伙伴正在创建的一系列Web技术,包括CSS, SVG, WOFF, 语义Web,及XML和各类应用编程接口(APIs)。</p> <p>截至2014年3月,W3C共设立5个技术领域,开展23个标准计划。W3C设有46个工作组(Working Group)、14个兴趣小组(Interest Group)、3个协调组(Coordination Group)、169个社区组(Community Group) ,以及3个业务组(Business Group)。</p> <p>目前,W3C正在探讨技术专家及个人参与W3C标准制定过程的Webizen计划,敬请期待。</p> <p>W3C于2014年11月发布了题为“W3C工作重点(2014年11月)"的报告,这是最新的一份对W3C近期开展的工作要点进行了综述的文章,阐述了近期的工作重点和优先级。</p>
-
CSS
body { /*定义页面内容显示为三列*/ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; /*定义列间距为3em,默认为1em*/ -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; line-height: 2.5em; /*定义列边框为2像素宽的灰色虚线*/ -webkit-column-rule: dashed 2px gray; -moz-column-rule: dashed 2px gray; column-rule: dashed 2px gray; } /*设置一级标题跨越所有列显示*/ h1 { color: #333333; font-size: 20px; text-align: center; padding: 12px; -webkit-column-span: all; -moz-column-span: all; column-span: all; } /*设置二级标题跨越所有列显示*/ h2 { font-size: 16px; text-align: center; -webkit-column-span: all; -moz-column-span: all; column-span: all; } p { color: #333333; font-size: 14px; line-height: 180%; text-indent: 2em; }