


Bagaimanakah `lebar` dan `lebar maksimum` CSS Berinteraksi dengan Pembalut Teks?
Lebar CSS dan Lebar Maks pada Balutan Talian: Memahami Gelagat
Apabila mentakrifkan lebar elemen menggunakan CSS, lebar dan maks- sifat lebar memainkan peranan penting. Walaupun lebar menetapkan lebar tepat elemen, lebar maks menentukan lebar maksimum yang dibenarkan. Kelakuan sifat ini, walau bagaimanapun, boleh menjadi tidak dijangka dalam kes di mana teks dibalut dalam elemen.
Pertimbangkan kod CSS berikut:
#tooltip { position: absolute; width: auto; min-width: 50px; max-width: 250px; padding: 10px; background-color: #eee; border: 1px solid #aaa; }
Mengikut kod yang disediakan, jangkaan adalah bahawa lebar petua alat akan dilaraskan secara dinamik berdasarkan kandungannya, dengan lebar minimum 50px dan lebar maksimum 250px. Walau bagaimanapun, telah diperhatikan bahawa apabila teks dalam petua alat dibalut ke baris baharu, sifat lebar maks mengatasi sifat lebar, menghasilkan penampilan yang tidak menarik di mana hujung alat meninggalkan padding yang berlebihan.
Tingkah laku ini ialah memang biasa. Penyemak imbas akan cuba mengalirkan teks sebaris dalam kotak sehingga ia mencapai lebar maksimum 250px. Setelah had ini dicapai, teks yang tinggal dibalut ke baris seterusnya. Walau bagaimanapun, lebar kotak tidak akan mengecut lagi selepas pembalut teks, kerana ini bukan sebahagian daripada gelagat pembalut teks yang dimaksudkan.
Oleh itu, lebar kotak dikira sebagai 250px kerana spesifikasi CSS menentukan bahawa ia tidak boleh melebihi nilai itu. Ia tidak dikira sama dengan lebar teks selepas dibalut dan kemudian digantikan dengan lebar maks.
Malangnya, tiada penyelesaian yang diketahui untuk menukar gelagat ini.
Atas ialah kandungan terperinci Bagaimanakah `lebar` dan `lebar maksimum` CSS Berinteraksi dengan Pembalut Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

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

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

Undress AI Tool
Gambar buka pakaian secara percuma

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)

Topik panas











Mari kita cuba menyusun istilah di sini: "Penyedia Borang Statik." Anda membawa html anda

Pada permulaan projek baru, kompilasi SASS berlaku dalam sekejap mata. Ini terasa hebat, terutamanya apabila ia dipasangkan dengan BrowserSync, yang dimuat semula

Pada minggu ini, berita platform, Chrome memperkenalkan atribut baru untuk memuatkan, spesifikasi aksesibiliti untuk pemaju web, dan gerakan BBC

Dua artikel diterbitkan pada hari yang sama:

Goofonts adalah projek sampingan yang ditandatangani oleh isteri pemaju dan suami pereka, kedua-duanya peminat besar tipografi. Kami telah menandakan Google

Ini saya melihat elemen HTML untuk kali pertama. Saya telah menyedarinya untuk seketika, tetapi Haven ' t mengambilnya untuk putaran lagi. Ia mempunyai cukup keren dan

Bahagian pertama siri dua bahagian ini terperinci bagaimana kita boleh mendapatkan slider dua thumb. Sekarang kita akan melihat kes multi-thumb umum, tetapi dengan yang berbeza dan

Untuk sementara waktu, iTunes adalah anjing besar dalam podcasting, jadi jika anda mengaitkan "Langgan Podcast" untuk suka:
