div css nowrap tanpa line breaks_Experience exchange

Sebagai contoh, terdapat 4 li dalam ul dengan lebar 210px Lebar 4 li ini ialah 80px, 120px, 140px dan 80px mengikut panjang kandungannya sendiri.
Kesan yang saya perlukan ialah empat li secara automatik disusun ke kiri. Apabila jumlah panjang li ketiga dan dua li pertama lebih besar daripada lebar ul, li ketiga akan bergerak ke bawah satu baris. Dipaparkan pada baris kedua. Daripada menjadikan ul lebih lebar, atau menjadikannya lebih tinggi (isi membungkus dan ketinggian meningkat)
mentakrifkan lebar ul pada 210px dan lebar li secara automatik, dan mendapati bahawa hasilnya ialah:
ul tidak diregangkan . Sayang sekali li tidak disusun secara automatik dalam susunan yang sama seperti yang seterusnya. Sebaliknya, kandungan dibalut baris dan li dinaikkan. Kemudian tanpa segan silu dihimpit ke barisan pertama. .
Selepas pertimbangan yang teliti, saya rasa masalahnya terletak pada garis pembalut kandungan dalaman li. Jadi saya mencari atribut css yang melarang pemisah baris.
Saya menyemak dalam talian dan tidak menemuinya. Saya bertanya kepada Nagamu Riyue dalam kumpulan dan mendapat atribut pemecah kata. simpan-semua; .
Selepas menambahnya pada li, saya terkejut apabila mendapati masalah itu telah diselesaikan.
Semasa saya menyahpepijat halaman untuk kumpulan kerja, seseorang menunjukkan bahawa terdapat masalah paparan.
Saya berjalan dan melihat, dan paparan tidak berubah. Saya hanya fikir ia mungkin isu versi penyemak imbas.
Saya menggunakan IE7 dan FF dan mereka menggunakan IE6. Saya mendaftar masuk DW dan mendapati bahawa atribut word-break memang tidak disokong oleh IE6:
CSS attribute word-break is not supported Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0

Ia benar-benar mengecewakan Masalah ini telah mengganggu saya sebelum ini. Ia tidak pernah diselesaikan.
Rakan itu mempunyai kaedah yang baik, tolong beri saya nasihat! Terima kasih banyak-banyak.


Masalah telah selesai. Memang kelakar cakap macam tu. Taip kod secara manual dalam DW.
Saya menjumpai nowrap dalam atribut Bukankah nowrap daripada word-braek? Bolehkah ia menghalang talian putus?
Dengan mentaliti mencubanya, saya menaipnya sepenuhnya
white-space: nowrap;
Tiada garis putus-putus garis bawah dalam ujian DW, yang bermaksud tiada masalah dengan sokongan penyemak imbas.
Simpan F12. Masalah selesai. hehe. . .


Sebenarnya, tuliskan sintaks:

Sintaks:
ruang putih : normal | pra | nowrap
Nilai:
normal : Nilai lalai . Kaedah pemprosesan lalai. Teks secara automatik mengendalikan pemisah baris. Jika sempadan kontena dicapai, kandungan akan pergi ke baris seterusnya
pra : Baris baharu 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 : Memaksa 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 bernama tanpa baris baharu untuk menambah ruang 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 .
daripada:woria.cn