text-overflow 与 word-wrap

text-overflow digunakan untuk menetapkan sama ada hendak menggunakan tanda elipsis (...) untuk menandakan limpahan teks dalam objek.

Tatabahasa:

QQ截图20161014170051.png


Tetapi limpahan teks hanya digunakan untuk menerangkan cara memaparkan teks apabila ia melimpah Kepada capai Untuk menghasilkan kesan elips apabila melimpah, anda juga mesti menentukan teks paksa untuk dipaparkan dalam satu baris (white-space:nowrap) dan kandungan limpahan untuk disembunyikan (overflow:hidden Hanya dengan cara ini boleh kesannya). daripada memaparkan elips dalam teks limpahan dapat dicapai Kodnya adalah seperti berikut:

text-overflow:ellipsis; 
overflow:hidden; 
white-space:nowrap;

Pada masa yang sama, balutan perkataan juga boleh digunakan untuk menetapkan tingkah laku teks, sama ada untuk memecahkan baris semasa apabila ia melebihi sempadan bekas yang ditentukan.

Sintaks:

QQ截图20161014170100.png


normal ialah nilai lalai penyemak imbas, kata putus ditetapkan di dalam perkataan atau URL yang panjang alamat Lakukan pemisah baris Atribut ini tidak biasa digunakan. Hanya gunakan nilai lalai penyemak imbas.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>text-overflow</title> <style type="text/css"> .test_demo{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; background:#ccc; } </style> </head> <body> <div class="test_demo"> 超酷的IT技术学习平台(我是省略号) </div> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus