CSS设置文字方向,让文字竖排显示

摘要:
只有一种属性写入模式:垂直lr;此属性可用于设置水平或垂直方向的文本布局。本教程解释了以下内容:水平tb:水平自上而下的书写。也就是说,上下右垂直lr:content从上到下垂直排列,从左到右横向水平排列rl:content由上到下横向垂直排列lr:content-从下到上垂直排列

只需一条属性

writing-mode:vertical-lr;
 
 
这个属性可以设置文字在水平方向还是在竖直方向的排布
菜鸟教程解释是下面这个样子的:
  • horizontal-tb:水平方向自上而下的书写方式。即 left-right-top-bottom
  • vertical-rl:垂直方向自右而左的书写方式。即 top-bottom-right-left
  • vertical-lr:垂直方向内内容从上到下,水平方向从左到右
  • sideways-rl:内容垂直方向从上到下排列
  • sideways-lr:内容垂直方向从下到上排列

免责声明:文章转载自《CSS设置文字方向,让文字竖排显示》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【 Linux 】Systemd 使用说明(1)Date对象下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HTML5, CSS3, ES5新的web标准和浏览器支持一览 转

本文整理了一些最重要(或者说人气比较高罢)的新标准,虽然它们多数还只是w3c的草案,离Recommendation级别还早,却已经成为新一轮浏览器大战中备受追捧的明星,开发者社区里也涌现出大量相关的demo和API封装,有些已经进入生产环境(比如google在iphone上实现的gmail离线应用),其实我觉得如今的web领域里,从厂商私有技术转换成委员会...

H5网页布局+css代码美化

HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li <samp></samp>可用于浅色副标题 display:inline-block; 每个导航块存在水平间隙,解决方法是在父元素上添加font-size:0; sub...

cgroup代码浅析(1)

前置:这里使用的linux版本是4.8,x86体系。 cgroup_init_early(); 聊这个函数就需要先了解cgroup。 cgroup概念 这个函数就是初始化cgroup所需要的参数的。cgroup最初是在2006年由google的一名工程师提出的,目的是把一些共同目标的进程放在一个组里面,而这个组里面的进程能共享指定数额的资源。而后就有了cg...

解决在 CSS 中,如何实现动态吸顶的样式/效果 ?

解决方法:使用 position: sticky 做了一个动态吸顶的效果: 举例如下: 1 未向上滚动页面之前: 2 向上滚动页面之后: 这样, “This is tab main”部分的元素,可以一直保持在页面窗口的顶部。 3 具体代码:这个使用的代码其实就是 position: sticky, top: xx (阀值)来实现的: 给想要实现吸顶效果的...

css 锚点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...

自定义浏览器滚动条样式

为了有助于理解IE中滚动条样式的控制,你可以查看如下的图片: 经过不断的测试发现,在Win8 下面,有一部分样式都起着相同的作用。估计是因为在Win8中扁平化的界面设计而重新定议了系统中滚动条!以下是Win 8下面的滚动条样式,并写出了和CSS支持的情况: 以上所写的几个四个CSS属性,足以控制Win 8系统下,IE浏览器的滚动条样式了。但经过测试...