Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya

Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya

WBOY
WBOYasal
2021-12-07 17:30:569682semak imbas

Kaedah: 1. Tambahkan teg i dengan gaya "display:inline-block;width:100%" pada elemen teks 2. Gunakan atribut "text-indent" untuk memasukkan teg i ke dalam elemen teks. dijajar akhir, sintaksnya ialah "elemen teks {text-align:justify}".

Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya

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

Cara menetapkan format teks dalam css untuk menjajarkan kedua-dua hujung

Dalam css, anda boleh menetapkan atribut teks-inden untuk membenarkan mencapai kedua-dua hujung Penjajaran teks. Contoh berikut menerangkan cara menjajarkan teks pada kedua-dua hujung dengan css.

1. Buat fail html baharu, bernama test.html, untuk menerangkan cara CSS menjajarkan teks di kedua-dua hujungnya. Gunakan teg div untuk membuat baris teks untuk ujian.

Dalam teg css, tetapkan gaya div melalui nama elemen div, takrifkan lebar div sebagai 500px, warna latar belakang sebagai kuning dan tetapkan atribut penjajaran teks untuk mewajarkan.

Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya

2. Tetapan gaya di atas tidak akan mencapai penjajaran pada kedua-dua hujung dan teg kosong perlu ditakrifkan untuk membantu pelaksanaan. Dalam div, gunakan tag i untuk membantu dalam menjajarkan kedua-dua hujung.

Dalam teg css, tetapkan gaya teg i, tentukan atribut paparannya dan tetapkan lebar teg i kepada 100%

Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya

Buka fail test.html dalam penyemak imbas untuk melihat kesan yang dicapai.

Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya

Ringkasan:

1. Gunakan teg div untuk mencipta baris teks.

2. Dalam div, tentukan teg kosong, seperti teg i.

3. Dalam CSS, gunakan atribut penjajaran teks untuk mewajarkan dan tetapkan lebar tag i kepada 100%.

Nota

Selain menggunakan tag i, anda juga boleh menggunakan tag span, dsb.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya. 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