软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > CSS创建竖排文字的简单方法,有演示

CSS创建竖排文字的简单方法,有演示

在制作网页的时候我们经常需要创建一些竖排文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。

方法一:<br />标签

一种可能的方法(但不推荐)是在每个字母后面添加<br />标签来实现竖排文字:

演示


提示:可修改后代码再运行!

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

方法二:静态包裹

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

查看演示


提示:可修改后代码再运行!

这种方法的问题是,除了可怕的标签外,它需要你手工去给每个字母用span括起来。如果这些文字是由CMS动态生成的,那就别用这种方法了。

精彩内容,请点击下一页!

相关阅读
网友评论
栏目导航
推荐软件