博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css实现文字竖排效果
阅读量:5740 次
发布时间:2019-06-18

本文共 602 字,大约阅读时间需要 2 分钟。

在当前大家都习惯于横向排列的文本,但是绝大多数朋友也是知道的,在古代中国的文本是竖向排列的,本章节通过代码实例介绍一下如何实现文本的竖向排列效果,这样的需求在实际应用中也是有的。

代码如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
" utf-8"
>
<
meta
name
=
"author"
content
=
""
/>
<
title
>蚂蚁部落</
title
>
<
style
type
=
"text/css"
>
#webfx{
  
position:absolute;
  
background:red;
  
top:50px;
  
right:100px;
  
width:100px;
  
writing-mode:tb-rl; 
  
-webkit-writing-mode:vertical-rl;
}
</
style
>
</
head
>
<
body
>
<
div
id
=
webfx
>蚂蚁部落欢迎您</
div
>
</
body
</
html
>

原文发布时间为:2017-3-11

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:

转载地址:http://egfzx.baihongyu.com/

你可能感兴趣的文章
Spark架构在大数据环境的核心位置找到用武之地
查看>>
《游戏开发物理学(第2版)》一导读
查看>>
Erlang简史(翻译)
查看>>
《代码整洁之道》—第13章13.6节警惕同步方法之间的依赖
查看>>
深入实践Spring Boot2.4.2 节点和关系实体建模
查看>>
信息可视化的经典案例:伦敦地铁线路图
查看>>
10个巨大的科学难题需要大数据解决方案
查看>>
Setting Up a Kerberos server (with Debian/Ubuntu)
查看>>
Node.js Undocumented(1)
查看>>
用 ThreadLocal 管理用户session
查看>>
setprecision后是要四舍五入吗?
查看>>
shiro初步 shiro授权
查看>>
上云就是这么简单——阿里云10分钟快速入门
查看>>
韵达:首家物流云企业的大规模云上调度实践
查看>>
MFC多线程的创建,包括工作线程和用户界面线程
查看>>
我的友情链接
查看>>
Windows Server 2016 技术预览 Hyper-V 新特性
查看>>
FreeNAS8 ISCSI target & initiator for linux/windows
查看>>
cvs文件提交冲突解决方案
查看>>
十步优化SQL Server中的数据访问
查看>>