最新消息:

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

hg0088开户 浏览 评论

来源:程序员人生   发布时间:2013-12-26 17:24:52 阅读次数:980次

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

方法一:<br />标签

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

演示


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

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

方法二:静态包裹

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

查看演示


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

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

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

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠

程序员人生

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

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)
    • 验证码 点击我更换图片

    网友最新评论