Penjelasan terperinci tentang beberapa kaedah memintas aksara dengan css (penetapan taip css menyembunyikan teks limpahan)

Kaedah 1:

Salin kod Kod adalah seperti berikut:

Nota: Kelebihannya ialah lebar boleh ditetapkan sebagai peratusan. Tetapi kelemahannya ialah kandungan hanya boleh berupa teks biasa dan tidak boleh mempunyai hiperpautan dan kandungan lain. 

CSS truncate string CSS melaksanakan pemangkasan teks automatik, kodnya adalah seperti berikut:

Salin kod Kod adalah seperti berikut:div.test{

lebar:200px;
tinggi:14px;

limpahan:tersembunyi;

ruang putih:nowrap;

text-overflow:ellipsis;

limpahan teks: elipsis;/* IE/Safari */

-ms-text-overflow: elipsis;

-o-text-overflow: elipsis;/* Opera */

-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/

}

Kuncinya ialah limpahan teks, sintaksnya adalah seperti berikut:

Salin kod Kod adalah seperti berikut:text-overflow:clip | >klip: Jangan tunjukkan penanda elipsis (...), tetapi pemangkasan ringkas

elipsis: Tunjukkan penanda elipsis (...) apabila objek melimpahi teks dalam

Perlu diingatkan bahawa atribut ini adalah eksklusif untuk IE! Walau bagaimanapun, IE bukan satu-satunya yang tersedia. Walaupun teg ini tidak disokong dan diterima pakai secara terbuka oleh Guaioh, ia termasuk dalam sifat peribadi banyak penyemak imbas. Text-overflow tidak berfungsi apabila digunakan secara bersendirian Ia mesti digabungkan dengan white-space:nowrap;overflow:hidden;. Fungsi ayat sebelumnya adalah untuk memaksa semua teks dipaparkan pada baris yang sama sehingga akhir teks atau objek br ditemui. 

Tidak sukar untuk melihat bahawa tempat terbaik untuk menggunakan limpahan teks bukanlah teks artikel, tetapi senarai tajuk atau abstrak yang dipaparkan dalam satu baris.

Sintaks:

Salin kod

Kod adalah seperti berikut: ruang putih : biasa |

Nilai:

Salin kod

Kod adalah seperti berikut: biasa : Nilai lalai. Kaedah pemprosesan lalai. Teks secara automatik mengendalikan pemisah baris. Jika sempadan kontena dicapai, kandungan akan pergi ke baris seterusnya pra : Pemisah baris dan aksara ruang putih lain akan dilindungi. Nilai ini memerlukan IE6+ atau !DOCTYPE diisytiharkan sebagai sokongan mod patuh piawai. Jika pengisytiharan !DOCTYPE tidak menyatakan mod patuh piawai , atribut ini boleh digunakan, tetapi tidak akan memberi kesan. Hasilnya adalah setara dengan biasa. Lihat pra objek

nowrap: Paksa semua teks untuk dipaparkan pada baris yang sama sehingga penghujung teks atau objek br ditemui. Lihat atribut noWrap

Penerangan:

Tetapkan atau dapatkan semula kaedah pemprosesan aksara ruang dalam objek.

Aksara ruang, seperti baris baharu, ruang dan TAB, diabaikan secara lalai dalam dokumen HTML. Apabila sifat ini ditetapkan kepada normal atau nowrap , anda boleh menggunakan entiti yang dinamakan non-breaking-space untuk menambah ruang putih dan elemen br untuk menambah baris baharu. Sifat ini mempunyai kesan yang sama pada kandungan yang anda manipulasi menggunakan Model Objek Dokumen (DOM) seperti yang dilakukan pada kandungan yang dipaparkan oleh IE.

Harta ini berfungsi pada objek blok.

Harta ini adalah baca sahaja untuk objek Gaya semasa. Ia boleh dibaca dan boleh ditulis oleh objek lain.

Ciri skrip yang sepadan ialah WhiteSpace .

Label berkaitan：

css

sumber：php.cn

Artikel sebelumnya：Petua HTML: td, kandungan dalam teg div tidak wrap_Experience exchange Artikel seterusnya：Bincangkan pelbagai kaedah pemusatan dalam CSS_CSS/HTML

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang