简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

css实现文字竖排效果_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:37:06
asal
1859 orang telah melayarinya

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

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <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>
Salin selepas log masuk

上面的代码实现了文本竖排效果，不过存在着较大的兼容性问题。
兼容所有浏览器的竖排效果可以参阅CSS如何实现文字竖排效果一章节。

原文地址是:css实现文字竖排效果一章节。

所属网站是:div css教程。

Label berkaitan：
css实现文字竖排效果
sumber：php.cn
Artikel sebelumnya：href="#portlet_tab3"_html/css_WEB-ITnose Artikel seterusnya：transition的四个属性_html/css_WEB-ITnose
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
Artikel terbaru oleh pengarang
Isu terkini
Tambahkan baris dari hujung teks tajuk ke hujung bekas Saya menggunakan CSS ini untuk melukis garisan dari hujung teks tajuk hingga hujung bekas:...
daripada 2023-09-15 19:42:56
0
1
207
Tajuk ditulis semula sebagai: Bagaimana untuk mengubah saiz teks dalam semua kawasan input (termasuk pendaftaran e-mel, kotak ulasan dan lungsur halaman indeks resipi) dalam CSS? Tapak web: https://olivefordinner.com/ Mencari kod CSS yang akan menjadikan teks lebih bes...
daripada 2023-09-14 15:17:43
0
2
247
Menggunakan CSS untuk mencapai kesan pengisian teks yang dibalut baris Saya mempunyai contoh minimalis di sini: https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ dengan...
daripada 2023-08-25 00:09:03
0
2
258
Petua CSS: Buat Garisan Mendatar dan Teks Berpusat Saya cuba membuat pembahagi mendatar dengan beberapa teks. Contohnya: --------------------...
daripada 2023-08-20 15:11:18
0
2
220
Bagaimana untuk menambah pengepala dan pengaki pada setiap halaman dokumen HTML yang dicetak? Adakah mungkin untuk mencetak halaman HTML pengepala dan pengaki tersuai pada setiap halam...
daripada 2023-08-20 14:58:06
0
1
334
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
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！