Cegah jeda baris dengan CSS
— trik css dalam komponen React🧚
Baru-baru ini saya mengalami masalah yang menarik, katakanlah, ada beberapa item daftar untuk ditampilkan menggunakan kode React dasar seperti di bawah ini
- …
Perhatikan item-item tersebut harus berdampingan ( sebaris dan tentu saja tanpa jeda baris ) seperti hasil di bawah ini👇
Saya menulis beberapa css sederhana: ️
Dan Hasilnya adalah
Lihat jeda baris ? Cukup jelek…
Inilah solusi sederhana saya:
Itu dia! 🌸
The white-spaceCSS properti set bagaimana ruang putih di dalam sebuah elemen ditangani, itu runtuh ruang putih, tetapi tidak memungkinkan pembungkus.
The overflowproperti CSS singkatan menetapkan perilaku yang diinginkan untuk overflow elemen ini - yaitu bila konten elemen ini terlalu besar untuk muat di blok nya format konteks - di kedua arah.
The text-overflowCSS set properti bagaimana konten meluap tersembunyi ditandai untuk pengguna. Itu dapat dipotong, menampilkan elipsis (' …'), atau menampilkan string khusus.
Itu adalah trik css sederhana yang cepat, semoga Anda menikmatinya! 💫
Terima kasih sudah membaca!
Suggested posts
Menghindari Akibat Menghancurkan Stroke: Belajar dari Perjalanan Keluarga .
Pendahuluan Stroke adalah keadaan darurat medis yang dapat menyerang siapa saja kapan saja. Itu terjadi ketika aliran darah ke bagian otak terganggu, yang menyebabkan hilangnya fungsi otak secara tiba-tiba.
Lembar Gaya Kopi: Kopi sebagai Warna
Dalam infografik konyol ini, saya membayangkan bagaimana kopi dapat diekspresikan jika direpresentasikan mirip dengan warna CSS.
Mereka mengatakan pengembang hanya bisa bekerja untuk kopi. Saya rasa itu tidak benar (tapi mungkin juga tidak terlalu jauh).
Related posts
Jaringan TV Twitter
Apa yang lama sekarang menjadi baru lagi dan apa yang dulu berkilau berkilau sekarang terasa kusam. Saya tidak berbicara tentang jeans JNCO yang kembali populer di antara anak-anak keren di pusat kota bersama dengan mode akhir 1990-an lainnya.
Apa yang membuat podcast berpengaruh?
Minggu lalu saya melihat siaran pers, dikirim melalui PressGazette (situs web berita media Inggris). Artikel tersebut mengumumkan bahwa Acast, perusahaan hosting dan periklanan podcast Scandi, akan memimpin konsorsium penerbit "mungkin yang paling berpengaruh" dalam podcasting.
Kebohongan Koboi
Bagaimana perusahaan besar menjual kebohongan besar kepada orang Amerika
Ini adalah pagi keemasan yang cemerlang di perbukitan barat, saat sinar pertama matahari menyinari rerumputan beku di dataran. Kawanan sapi Angus yang tenang, hitam legam dan besar, membentuk siluet melawan matahari terbit saat mereka menyusuri jalan setapak menuju lokasi yang mereka semua kenal dengan baik; bar sarapan.
Arsip Ancaman Itu: Vol 7 Black Basta
Di dunia yang saling terhubung saat ini, ancaman serangan dunia maya lebih umum dari sebelumnya. Penjahat dunia maya dan aktor negara terus-menerus berusaha mengeksploitasi kerentanan dan mencuri data berharga, yang menimbulkan risiko signifikan bagi organisasi dari semua ukuran.