Jieun kotak kalayan ngagulung téks maké CSS jeung HTML
Hiji HTML kotak ngagugulung mangrupakeun kotak anu nambihan ngagugulung bar ka sisi katuhu jeung handap nalika eusi kotak nu aya leuwih badag batan dimensi kotak. Kalayan kecap séjén, lamun boga kotak nu bisa cocog sabudeureun 50 kecap, jeung anjeun kudu téks 200 kecap, hiji kotak ngagugulung HTML baris nempatkeun ngagugulung bar nepi ka ngantep anjeun ningali tambahan 150 kecap. Dina HTML baku anu saukur bakal nyorong téks tambahan di luar kotak.
Nyieun ngagugulung HTML mangrupakeun cukup gampang. Anjeun ngan perlu nyetél lebar tur jangkungna unsur anjeun hayang ngagulung lajeng nganggo CSS sipat mudal pikeun nyetél sabaraha rék ngagulung ka lumangsung.
Naon Naha kalawan tambahan téks?
Lamun anjeun boga leuwih téks ti bakal pas dina spasi dina perenah anjeun, anjeun gaduh sababaraha pilihan:
- Nulis balik téks supados ieu pondok tur bakal cocog.
- Ngawenangkeun téks ka ngalir saluareun bounds tur miharep perenah bisa flex ngarojong eta.
- Neukteuk off téks dimana eta overflows.
- Tambahkeun ngagugulung bar (biasana nangtung pikeun téks) supados scrolls spasi mun némbongkeun téks tambahan.
Pilihan pangalusna anu dipilih biasana pilihan panungtungan: nyieun kotak téks ngagulung. Lajeng téks tambahan masih bisa maca, tapi desain Anjeun teu compromised.
HTML jeung CSS keur kieu bakal jadi:
mudal di: otomatis; ngabejaan browser pikeun nambahkeun ngagugulung bar lamun maranéhna téh diperlukeun tetep téks ti overflowing wates of div nu. Tapi supados ieu dianggo, Anjeun ogé kudu lebar sarta gaya jangkungna sipat disetel dina div, supaya aya wates ka mudal.
Anjeun oge bisa neukteuk off téks ku cara ngarobah mudal: otomatis; mun mudal: disumputkeun ;. Lamun ninggalkeun kaluar sipat mudal, teks bakal ngabahekeun leuwih wates of div nu.
Anjeun tiasa Tambahkeun bar Gulung ka Leuwih ti Ngan téks
Upami Anjeun gaduh gambar badag nu remen nembongkeun dina spasi leutik, Anjeun bisa nambah ngagugulung bar sabudeureun eta dina cara nu sarua jeng anjeun kalayan téks.
Dina conto ieu, 400x509 gambar téh jero hiji 300x300 ayat.
Tables Dupi manfaat ti bar Gulung
tabél lila inpormasi tiasa meunang hésé pisan maca pisan gancang, tapi ku putting aranjeunna di jero hiji div of a ukuran kawates lajeng nambahkeun harta mudal, anjeun tiasa ngahasilkeun tabel kalawan kavling data nu teu butuh nepi spasi ekstrim dina kaca anjeun .
Cara panggampangna nyaéta kawas kalawan gambar na téks, ngan nambahan div a sabudeureun tabél, pakakas lebar tur jangkungna div yen, sarta nambahan harta mudal:
Hiji hal anu kajadian mun anjeun ngalakukeun ieu téh ngagugulung bar horizontal biasana muncul lantaran browser nu nganggap yen Chrome sahiji bar ngagugulung anu tindih tabél. Aya loba cara pikeun ngalereskeun ieu ti ngarobah lebar tabel jeung sajabana. Tapi favorit abdi nyaeta mun saukur mareuman ngagulung horisontal jeung CSS 3 harta mudal-x. Ngan nambahan mudal-x: disumputkeun; mun div, sarta anu bakal nyabut ngagugulung bar horizontal. Pastikeun pikeun nguji ieu, sakumaha aya bisa jadi eusi eta disappears.
Firefox Ngarojong Nganggo Tags TBODY keur mudal
Hiji fitur bener nice tina browser Firefox nyaeta nu bisa migunakeun harta mudal dina tag tabel jero kawas tbody na thead atanapi tfoot. Ieu ngandung harti yén anjeun bisa nyetél ngagugulung bar on eusi méja, sarta sél lulugu terus anchored luhur éta. Ieu ukur gawéna di Firefox , nu teuing goréng, tapi mangrupakeun fitur nice lamun pamiarsa anjeun ukur make Firefox. Kotektak ka conto ieu di Firefox ningali naon atuh hartina.