Saya tahu soalan saya kelihatan sangat serupa dengan soalan ini: Bagaimana untuk menghalang pembalut teks dalam sel jadual, ini adalah soalan pertama yang saya semak.
Saya mempunyai jadual dan dalam salah satu lajur saya akan menulis penerangan yang panjang dan lajur seterusnya ialah tarikh. Penyemak imbas berpendapat adalah bagus untuk membungkus lajur tarikh kerana ia adalah rentetan yang dipisahkan sempang. Pada masa ini saya mempunyai sesuatu seperti ini:
|Tarikh | |----------------------------|----------| |. Ini sungguh panjang | |. sel perihalan dengan banyak | |. baris... |
Bagaimanakah saya memberitahu penyemak imbas bahawa saya mahu sel penerangan saya lebih pendek sedikit dan lajur tarikh tidak dibalut. Dalam penyelesaian yang saya baca, ia mengatakan anda harus menggunakan Perlukah saya menggunakan elemen lentur yang tidak mengecut? Dengan memendekkan huraian, saya maksudkan: , yang berfungsi untuk ruang tetapi bukan sempang.
|Tarikh | |---------------------------------------|---------------------| |. Ini adalah 12-2022 | | |. banyak baris... |
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda harus menggunakan
white-space: nowrap;untuk lajur tarikh. Saya tidak pasti apa yang anda maksudkan apabila anda mengatakan anda mahu sel penerangan menjadi lebih pendek? Hanya laraskan lebar untuk mendapatkan hasil yang diingini.Hanya tambahkanwhite-space:nowrapdalam CSS anda dan ia akan menjadikan semuanya kelihatan pada satu baris. Lihat di bawah
table { border-collapse: collapse; width: 100px; } td { border: 1px solid gray; padding: 0.25rem 0.5rem; } td:last-child { white-space: nowrap; }