Memperkenalkan harta CSS Text-Align-Last

css

Penerangan terperinci sifat: Sempurna sejajar dengan baris terakhir teks text-align-last Subtleties sering menentukan kejayaan atau kegagalan pengalaman pengguna. Butiran seperti bayang -bayang teks dan jarak unsur boleh menjejaskan pandangan keseluruhan laman web. Atribut

dibuat untuk ini, ia dapat mengawal penjajaran baris terakhir blok teks atau garis sebelumnya garis baru yang dipaksa, terutama ketika berurusan dengan penjajaran teks di kedua -dua hujungnya.

text-align-last Artikel ini akan meneroka aspek-aspek yang mendalam dari atribut

, termasuk nilai yang tersedia, sokongan penyemak imbas, dan tingkah laku penyemak imbas tertentu.

text-align-last

Penggunaan dan nilai yang tersedia

Gunakan

atribut sangat mudah. Coretan kod berikut-menyelaraskan baris terakhir teks:

text-align-last

Harta mempunyai tujuh nilai:

.intro-graph {
  text-align: justify; /* IE 和 Edge 浏览器需要 */
  text-align-last: right;
}

,

, left, right, center, justify, start, end, dan auto. Tiga nilai pertama menyelaraskan baris terakhir teks kiri, kanan, dan pusat masing -masing.

Nilai

justify menyelaraskan baris terakhir teks di kedua -dua hujung, dan mengisi ruang kontena dengan menyesuaikan jarak kata. Bergantung pada panjang teks, harta ini secara berkesan dapat mengelakkan kekosongan besar pada baris terakhir.

start Nilai menjajarkan teks ke permulaan garis mengikut orientasi teks (kiri ke kanan atau kanan ke kiri). Untuk bahasa kiri-ke-kanan, ia bersamaan dengan left; Nilai adalah sebaliknya dan sejajar dengan akhir garis mengikut arah teks. right Nilai end

adalah nilai lalai, yang menyelaraskan baris terakhir mengikut nilai atribut

. Jika auto adalah text-align, maka text-align bersamaan dengan justify. auto start

Langkah berjaga -jaga

Spesifikasi menetapkan bahawa atribut

perlu ditetapkan ke

untuk atribut text-align-last untuk berkuatkuasa. Walau bagaimanapun, hanya pelayar IE dan kelebihan mengikuti peraturan ini. Harta ini berfungsi dengan betul walaupun pelayar Firefox dan Chrome tidak ditetapkan. text-align Atribut justify text-align: justify mempengaruhi baris terakhir semua perenggan dalam elemen yang ditentukan, dan bukannya baris terakhir yang mutlak kandungan sahaja. Jika anda ingin menyelaraskan hanya baris terakhir mutlak, gunakan pemilih

atau

. text-align-last :last-child Jika perenggan hanya mempunyai satu baris, atribut :last-of-type mengambil keutamaan atas atribut

kecuali atribut

menentukan penjajaran baris pertama yang jelas (contohnya, text-align-last). text-align text-align start end Sokongan penyemak imbas

Properties disokong dalam pelayar Chrome dan Opera (versi 35 dan ke atas) dengan membolehkan membolehkan ciri platform web eksperimen. Bermula dengan versi 47 dan 34, pelayar Chrome dan Opera sepenuhnya menyokong harta ini.

Penyemak imbas Firefox memerlukan prefix -moz-. Pelayar IE tidak menyokong nilai start dan end, tetapi penyemak imbas Edge sepenuhnya menyokong harta ini. Pelayar Safari tidak menyokong harta ini sama sekali.

Ringkasan

text-align-last Harta Walaupun tidak semua penyemak imbas sepenuhnya menyokongnya, pelbagai senario aplikasi menjadikannya alat penting untuk meningkatkan jenis teks laman web. Menggunakan atribut ini secara rasional dapat meningkatkan estetika keseluruhan dan pengalaman pengguna laman web.

Soalan Lazim Mengenai CSS text-align-last Properties

(bahagian FAQ dalam teks asal ditinggalkan di sini kerana artikel itu terlalu panjang dan tidak sepadan dengan matlamat asal pseudo. Kandungan bahagian FAQ boleh ditambah atau diubahsuai seperti yang diperlukan.)

Atas ialah kandungan terperinci Memperkenalkan harta CSS Text-Align-Last. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!