CSS创建竖排文字的简单方法小结

下面是由我翻译自Nettuts+的文章，希望这几种方法能够给你带来一些提示。
方法一：<br />标签
一种可能的方法(但不推荐)是在每个字母后面添加<br />标签来实现竖排文字：

复制代码

代码如下:
<h1>
N
E
T
T
U
T
S
</h1>

提示：您可以先修改部分代码再运行

千万不要使用使用这种方法，它是跛脚和草率的。

方法二：静态包裹
通过这个方法，我们将每个字母包裹在一个span中，然后在CSS中设置它的display属性为block

提示：您可以先修改部分代码再运行

这种方法的问题是，除了可怕的标签外，它需要你手工去给每个字母用span括起来。如果这些文字是由CMS动态生成的，那就别用这种方法了。
方法三：使用JavaScript
我最初的想法是用JavaScript动态地添加span标签，这样我们就避开了方法二遇到的问题。

发表评论

共有条评论

用户名:	密码:
验证码:	匿名发表

学习交流

如何查找有故障的配件

热门图片

猜你喜欢的新闻

猜你喜欢的关注