Mungkin ketika saya mendapatkan nama ini di artikel ini, seseorang akan bertanya: Mengapa Anda masih mengikuti tabel? Itu sudah sudah ketinggalan zaman ... cepat xhtml ... div bagus ... ul itu bagus ... ol bagus ... dl bagus ... dl bagus ... ini sudah selesai, saya tidak tahu apa lagi yang lebih baik.
Apakah tabel itu benar -benar sudah ketinggalan zaman? Apakah Anda benar -benar tahu meja? Apakah Anda benar -benar menggunakan meja?
Kita bukan apa yang perlu kita lakukan untuk bertarung dalam pertempuran verbal, jadi biarkan diserahkan kepada mereka yang punya banyak waktu.
Kembali ke topik:
Saya tidak ingat ketika seseorang menggunakan tabel untuk mensimulasikan datagrid dan berkata, mengapa teks TD tidak dapat melebihi lebar tetap disembunyikan, tetapi akan secara langsung membungkus saluran?
Ya, memang, seperti:
Jalankan kode seperti di atas dan Anda akan menemukan teks di dalam sel yang melebihi lebar tetap tidak akan disembunyikan, tetapi akan ditampilkan dengan baris baru. Jelas, ini bukan yang saya maksud.
Tampaknya ini tampaknya menjadi fitur tabel. Itu tidak dapat mendukung kombinasi {lebar:*px; spasi putih: sekarang rap; overflow: tersembunyi;} sangat baik. Dalam analisis akhir, ruang putih: NowRap tidak berfungsi, jadi tampaknya meluap: tersembunyi tidak valid. {Catatan: Jika itu adalah serangkaian karakter yang tidak berarti, itu dapat berlaku. Sebagai contoh: <td class = col1> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaAaaaaaaaaa yang Diperlukan Acara, Nowrap} tidak akan dijalankan ke force ini, pada saat ini, {space white: nowrap} nowrap} nowlay to force </td> Pada saat ini, {space white: nowrap} noum} noway to force </td> Pada saat ini, {space white: nowrap} noWrap} tidak ada </ td>, pada saat ini, {space white: nowrap} Kata tanpa istirahat garis, jadi lebar .col1 akan disembunyikan}
[Solusi 1:]
Kemudian, seseorang menyebutkan bahwa menggunakan lebar persentase sudah cukup. Setelah pengujian, memang mungkin. Saya sedikit memodifikasi gaya beberapa baris paragraf pertama, dan yang lainnya tetap tidak berubah:
.col1 {lebar: 20%;}
.col2 {lebar: 40%;}
.col3 {lebar: 40%;}
Setelah menjalankan kode yang dimodifikasi, Anda akan menemukan bahwa teks di luar lebar memang tersembunyi, dan efek yang diinginkan tampaknya diperoleh.
Faktanya, menggunakan persentase lebar memang memecahkan masalah menyembunyikan teks ini, tetapi ini tampaknya bukan solusi terbaik yang diinginkan, karena kadang -kadang kita membutuhkan lebar tetap, bukan lebar persentase.
Akar dari semua ini terletak pada cara membuat teks dalam sel ditampilkan dalam satu baris tanpa garis pembungkus.
[Solusi 2:]
Untuk memenuhi persyaratan ini, selain menggunakan gaya, kami juga dapat memikirkan label yang sudah lama tidak kami gunakan. Fungsi elemen ini adalah untuk memaksa konten ditampilkan pada satu baris. Kode di atas dimodifikasi sebagai berikut, dan yang lainnya tetap tidak berubah:
<Border Table = 1 CellPacing = 0 Ringkasan = Lihat ke belakang dan lihat tabel: TD juga memainkan overflow: Hidden>
<tr>
<td class = col1> <obr> shenzhou elegan q400n </obr> </td>
<td class = col2> <obr> elegan Q400n, menggunakan prosesor Intel Core2 (Merom) T5450 (1.66G) </obr> </td>
<td class = col3> <obr> platform xunchi 4, efektivitas biaya yang luar biasa, penampilan yang indah </obr> </td>
</tr>
</boable>
Setelah membuat modifikasi ini, Anda akan menemukan bahwa efeknya memang tercapai. Haruskah Anda bersemangat? Tidak, ini tampaknya bukan solusi terbaik, karena bagaimanapun, agak tidak menyenangkan untuk menggunakan tanda elemen yang belum digunakan untuk waktu yang lama dan tidak dianjurkan.
Mengikuti ide ini, saya telah mempertimbangkan masalah ini dari perspektif yang berbeda dan menemukan bahwa masalahnya dapat diselesaikan dengan mudah.
Karena kita tidak bisa begitu saja menambahkan ruang putih: Nowrap ke th dan td dalam sel lebar tetap, lalu bagaimana dengan kita menambahkan elemen penanda lain ke sel lebar tetap?
Solusi Terbaik:
Menjalankan kode di atas akan menemukan bahwa pendekatan ini OK, dan dalam hal kesederhanaan, keterbacaan, dan rasionalitas kode, lebih baik daripada solusi sebelumnya.
{Siswa yang belum melakukan persembunyian konten yang melebihi lebar tetap untuk sel dapat bermain di mesin terlebih dahulu, dan kemudian membaca artikel ini}
Bahkan, Table adalah hal yang menarik dan dapat dimainkan. Kita seharusnya tidak melihatnya dengan mata berwarna karena memiliki alasannya sendiri.
Saya akan terus menulis beberapa artikel tentang tabel nanti, dan juga berfungsi sebagai mandiri.