Kaedah: 1. Gunakan atribut "writing-mode" untuk menetapkan paparan teks menegak, sintaksnya ialah "elemen teks {writing-mode:vertical-lr}" 2. Gunakan "text-align " atribut untuk menetapkan teks menegak untuk dipusatkan , sintaks "elemen teks {text-align:center}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara memusatkan teks menegak dalam css
Dalam css, anda boleh menggunakan atribut mod penulisan untuk menetapkan paparan menegak teks, dan anda boleh menggunakan teks-align Property menetapkan teks untuk dipusatkan.
Atribut mod penulisan mentakrifkan cara teks dibentangkan secara mendatar atau menegak.
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta charset="UTF-8">
</head>
<style>
.one {
width:200px;
height: 140px;
border:1px solid #000;
writing-mode: vertical-lr;
text-align:center;
}
</style>
<body>
<div class="one">好好学习</div>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css )
Atas ialah kandungan terperinci Bagaimana untuk memusatkan teks menegak dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
