Rumah >hujung hadapan web >tutorial css >Bagaimana untuk memusatkan teks dalam css

Bagaimana untuk memusatkan teks dalam css

青灯夜游
青灯夜游asal
2021-11-09 11:57:5324143semak imbas

Dalam CSS, anda boleh menggunakan atribut penjajaran teks untuk memusatkan teks Fungsi atribut ini adalah untuk menentukan penjajaran mendatar teks elemen ini kepada "center" (selaraskan teks ke tengah);

Bagaimana untuk memusatkan teks dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam CSS, pemusatan teks terutamanya dicapai dengan menetapkan atribut penjajaran teks ke tengah Mari kita lihat contoh kod di bawah.

1. Buat fail html baharu, bernama test.html, untuk menerangkan cara menggunakan CSS untuk memusatkan teks.

Bagaimana untuk memusatkan teks dalam css

2. Dalam fail test.html, gunakan tag div untuk mencipta modul dan tetapkan atribut kelasnya kepada bob Seterusnya, anda akan menetapkan gaya cssnya melalui ini kelas.

Bagaimana untuk memusatkan teks dalam css

3 Dalam fail test.html, dalam teg div, gunakan tag p untuk mencipta baris teks. Seterusnya, kami akan menggunakan CSS untuk memusatkan teks .

Bagaimana untuk memusatkan teks dalam css

4 Dalam fail test.html, tulis teg halaman akan ditulis dalam teg ini.

Bagaimana untuk memusatkan teks dalam css

5 Dalam teg css, gayakan div dengan nama kelas bob, tentukan lebarnya sebagai 300px, tinggi sebagai 30px dan warna latar belakang sebagai merah.

Bagaimana untuk memusatkan teks dalam css

6 Dalam teg css, tetapkan gaya elemen p, gunakan atribut penjajaran teks untuk menetapkan teks ke tengah (tengah) dan warna teks. adalah putih.

Bagaimana untuk memusatkan teks dalam css

7. Buka fail test.html dalam penyemak imbas untuk menyemak kesannya.

Bagaimana untuk memusatkan teks dalam css

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk memusatkan teks dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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