CSS文字竖写

之前写过一篇博文： CSS汉字竖写，使用的是手动断开大块文字，然后设置宽度1em使竖直排版，虽然很有效，不过实际应用得结合javascript来，这里使用了css3的属性columns（css3果然带来巨大的力量阿～～）： 这里推荐几篇文章：

http://www.zhangxinxu.com/css3/css3-column-rule.php http://www.quirksmode.org/css/multicolumn.html w3的草案：http://www.w3.org/TR/2001/WD-css3-multicol-20010118/

css3的column是针对文本块进行分列（栏）显示，根据草案，与colum相关有以下属性：

columns

列

column-count

列的数量

column-width

每列的宽度

column-fill

列充满（高度是否统一）

column-gap

列间的间隙

column-rule

列间间隙的规则

column-rule-color

列间间隙的颜色

column-rule-width

列间间隙的宽度

column-rule-style

列间间隙的样式

column-span

列中文字横跨

column-break-before

元素前断行

column-break-after

元素后断行

注：中文只是我稍微翻译一下，可能会有所偏差。 这里简单做一个例子：

Google 的使命是整合全球信息，使人人皆可访问并从中受益。完成该使命的第一步始于 Google 创始人拉里·佩奇和赛吉·布林在斯坦福大学的学生宿舍内共同开发了全新的在线搜索引擎，然后迅速传播给全球的信息搜索者。Google 目前被公认为全球规模最大的搜索引擎，它提供了简单易用的免费服务，用户可以在瞬间得到相关的搜索结果。当您访问 www.google.com 或其他众多 Google 域中的一个时，您可以使用多种语言查找信息，查看股价、地图和新闻标题，查找美国境内所有城市的电话簿名单，搜索数十亿计的图片并详读全球最大的 Usenet 信息存档 – 拥有十亿多个帖子，最早可追溯到 1981 年。用户不必特意访问 Google 主页，也可以访问所有这些信息。 使用 Google 工具栏，您可以从网上的任意位置执行 Google 搜索。 即使身边没有 PC 机，您也可以通过 WAP 和 i-mode 手机等无线平台使用 Google。Google 的实用性及便利性赢得了众多用户的青睐，它几乎完全是在用户的交口称颂下成为全球最知名的品牌之一的。 作为一个企业，Google 通过提供广告服务来获取收入，使广告客户能够刊登与特定网页内容相关、重要而又经济实效的在线广告。这不仅为您提供了实用的广告信息，同时也给刊登广告的广告客户带来了好处。我们认为，您应该知晓在您面前展示的讯息是付费信息，因此我们始终在搜索结果或网页上将广告与其他内容区分开来。我们不出售搜索结果中的排名，也不允许有人通过付费来提高在搜索结果中的排名。成千上万的广告客户加入了我们的 Google AdWords 计划，利用定位广告在网上推广他们的产品和服务，我们相信 AdWords 是同类计划中规模最大的一个。 此外，数千名网站管理人员利用我们的 Google AdSense 计划刊登与其网站内容相关的广告，增加收入并改善用户体验。Google 的含义“Googol”是一个数学术语，表示 1 后面带有 100 个零。它是由美国数学家爱德华·卡斯纳的侄子米尔顿·西洛塔所创造，因出现在凯斯纳和詹姆士·纽曼合著的“数学与想象力”一书中而得到普及。Google 公司对这个词作了微小改变，借以反映公司的使命，意在组织网上无边无际的信息资源。

转载于:https://www.cnblogs.com/defims/archive/2010/12/29/2946691.html