css怎么把横着的字竖起来

藏色散人
Lepaskan: 2020-12-17 16:36:05
asal
3190 orang telah melayarinya

css把横着的字竖起来的实现方法:首先创建一个HTML示例文件;然后定义一个div文字;最后设置css样式为“{width: 20px;margin: 0 auto;line-height: 24px;}”即可将文字竖起来。

css怎么把横着的字竖起来

本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。

推荐:《css视频教程

1、一个句子的竖向排列

如图:

87c67edf7e6bc39c159c84e03633165.png

   test  
我是竖列排版
I AM ENGLISH
Salin selepas log masuk

2、多个句子竖向排列(如古诗)

如图:

1446459a6550ef98dbbfceeca752075.png

   test  
欲话毗陵君反袂,欲言夏口我沾衣。谁知临老相逢日,悲叹声多语笑稀。
I AM ENGLISH
Salin selepas log masuk

3、字体横行,整体竖向排版

如图:

156a21a8a31693d8d3844f809e3b525.png

   test  
欲话毗陵君反袂
ENGLISH
Salin selepas log masuk

Atas ialah kandungan terperinci css怎么把横着的字竖起来. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!