CSS文字竖排方法

  有时候,我们需要对网页某个区域的文字竖排,竖向排列,横向的当然大家都见惯了,对于竖排,一时间找不到思路了,呵呵,其实和横排一样简单,下面介绍4种方法来实现CSS文字竖排。

  第一种方法:将需要竖排显示的字符放在span中,在CSS中设置span的display属性为block,不过不推荐使用这种方法,因为有些麻烦,代码如下:

  第二种方法A:同样使用CSS,在需要竖向显示的地

方,强制定义显示区域的宽度,这样字符会自动竖向排列:请看具体代码:

  第二种方法B:同样是使用CSS,推荐使用这种方法,觉得这个方法兼容性也好,而且代码简洁,字符也容易控制。

  第三种方法:使用JavaScript(不推荐,其实这么一个小小的功能,动用JS就太不划算了,毕竟我们有比这更有效、更简洁的办法)

  四种方法介绍完了,究竟哪一种更适合您呢?自己比较下,根据你自己的实际情况选择吧,每种方法各有千秋。

  :更多精彩文章请关注三联编程教程栏目。

[CSS文字竖排方法]

相关文章

程序员最喜欢说的20句话

1.见鬼了….2.以前重来没出过问题。3.昨天还好好的。4.这怎么可能?5.一定是机器出了问题。6.你究竟输入什么了导致它崩溃?7.应该是数据有问题。8.我好几个星期都没碰这块代码了!9.你一定弄错了...
资料大全2018-03-01
程序员最喜欢说的20句话

冬至农历是什么时候

2015冬至是农历什么时候:2015年12月22日 农历 十一月十二冬至介绍:冬至(Winter Solstice),是中国农历中一个重要的节气 ,也是中华民族的一个传统节日,冬至俗称“冬节”、“长至...
资料大全2014-09-02
冬至农历是什么时候

简单而又心酸的算术题:我们还能陪父母多久?

简单而又心酸的算术题:我们还能陪父母多久?在这繁忙和快节奏的社会,我们常常计算房价、利息、生活花费等一道道算术题,但又有多少人能慢下来,仔细计算我们还能陪父母多长时间呢?也许很多人跟我一样在大城市为事...
资料大全2014-04-07
简单而又心酸的算术题:我们还能陪父母多久?

小学数学优秀教学课件

关于小学数学优秀教学课件 大家了解过多少呢?可能很多人都不是很清楚,下面就是小编分享的小学数学优秀教学课件范文 ,一起来看一下吧。小学数学优秀教学课件篇一1. 结合生活实际,体会生活中有大数,感受学习...
资料大全2017-08-01
小学数学优秀教学课件

假如你不是天才

在一个急功近利的物质社会,人们经常听到和见到的是天才、者和幸运儿的故事,假如你不是天才。可这些人到底有多少?假如你不是天才,你就不活了吗?活,当然还是要活的。而且还都想活得更好一些。可是,当今信息...
资料大全2018-02-02
假如你不是天才

2018年考研政治马克思主义基本原理练习卷

一、选择题Ⅰ:下列每题给出的四个选项中,只有一个选项是符合题目要求的。1.马克思主义是由一系列的基本理论、基本观点和基本方法构成的科学体系,它是一个完整的整体。马克思主义哲学、马克思主义政治经济学和科...
资料大全2018-09-07
2018年考研政治马克思主义基本原理练习卷