text-justify屬性用于指定當文本對齊屬性text-align設(shè)置為"justify"時的齊行方法;該屬性規(guī)定如何對齊行文本進行對齊和分隔。
CSS3? text-justify屬性
text-justify屬性指定文本對齊設(shè)置為"justify"的理據(jù),指定應(yīng)怎樣對齊文本以及對齊間距。
語法:
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
參數(shù):
auto:瀏覽器決定齊行算法。
none:禁用齊行。
inter-word:增加/減少單詞間的間隔。通過調(diào)整單詞之間的間距來對齊文本,從而有效地創(chuàng)建其他單詞間距。這實際上是word-spacing屬性的變體。
inter-ideograph:用表意文本來排齊內(nèi)容。
inter-cluster:只對不包含內(nèi)部單詞間隔的內(nèi)容(比如亞洲語系)進行排齊。
distribute:類似報紙版面,除了在東亞語系中最后一行是不齊行的。
kashida:通過拉伸字符來排齊內(nèi)容。
注:只有 Internet Explorer 支持 text-justify 屬性。
CSS3 text-justify屬性的使用示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div { text-align:justify; text-justify:inter-word; } </style> </head> <body> <h1>CSS text-justify 實例</h1> <div>php中文網(wǎng)</div> <p><b>提示:</b>請調(diào)整瀏覽器窗口的大小,來查看齊行效果。</p> </body>
效果圖:
Atas ialah kandungan terperinci css3 text-justify屬性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk mencapai kesan gelombang dengan CSS3 tulen? Artikel ini akan memperkenalkan kepada anda cara menggunakan animasi SVG dan CSS untuk mencipta kesan gelombang Saya harap ia akan membantu anda!

Artikel ini akan menunjukkan kepada anda cara menggunakan CSS untuk melaksanakan pelbagai butang berbentuk pelik yang kerap muncul. Saya harap ia akan membantu anda!

Dua kaedah: 1. Menggunakan atribut paparan, cuma tambah gaya "display:none;" pada elemen. 2. Gunakan kedudukan dan atribut teratas untuk menetapkan kedudukan mutlak elemen untuk menyembunyikan elemen. Cuma tambahkan gaya "position:absolute;top:-9999px;".

Kaedah pelaksanaan: 1. Gunakan pemilih ":aktif" untuk memilih keadaan klik tetikus pada gambar 2. Gunakan atribut transform dan fungsi skala() untuk mencapai kesan pembesaran gambar, sintaks "img:active {transform; : skala(pembesaran paksi-x, y Pembesaran paksi);}".

Bagaimana untuk mencipta karusel teks dan karusel imej? Perkara pertama yang semua orang fikirkan ialah sama ada untuk menggunakan js Malah, karusel teks dan karusel imej juga boleh direalisasikan menggunakan CSS tulen. Saya harap ia akan membantu semua orang.

Dalam CSS, anda boleh menggunakan atribut imej sempadan untuk mencapai sempadan renda. Atribut imej sempadan boleh menggunakan imej untuk membuat sempadan, iaitu, menambah imej latar belakang ke sempadan Anda hanya perlu menentukan imej latar belakang sebagai gaya renda; lebar sempadan imej ke dalam. Sama ada permulaan diulang;".

Dalam CSS3, anda boleh menggunakan atribut "animation-timing-function" untuk menetapkan kelajuan putaran animasi Atribut ini digunakan untuk menentukan cara animasi akan melengkapkan kitaran dan menetapkan lengkung kelajuan animasi. animation-timing-function: nilai atribut kelajuan;}".

Kecerunan linear CSS3 boleh merealisasikan segi tiga; hanya buat kecerunan linear 45 darjah dan tetapkan warna kecerunan kepada dua warna tetap, satu ialah warna segi tiga dan satu lagi ialah warna telus Sintaks "linear-gradient(45deg, color nilai , nilai warna 50%, warna lutsinar 50%, warna lutsinar 100%)".
