Unda sanduku na maandishi ya kupitisha kwa kutumia CSS na HTML
Sanduku la kisanduku cha HTML ni sanduku ambalo linaongeza baa za kurasa kwenye upande wa kulia na chini wakati yaliyomo kwenye sanduku ni kubwa kuliko vipimo vya sanduku. Kwa maneno mengine, ikiwa una sanduku ambalo linaweza kupatikana karibu na maneno 50, na una maandishi ya maneno 200, sanduku la kisanduku cha HTML litaweka baa za vipimo ili kukuwezesha kuona maneno ya ziada ya 150. Katika HTML ya kawaida ambayo inaweza kushinikiza maandishi ya ziada nje ya sanduku.
Kufanya kitabu cha HTML ni rahisi sana. Unahitaji tu kuweka upana na urefu wa kipengee unachokipiga na kisha utumie mali ya kuziba CSS ili kuweka jinsi unavyotafuta kutokea.
Nini cha kufanya na Nakala ya ziada?
Unapokuwa na maandishi zaidi kuliko yanavyofaa katika nafasi kwenye mpangilio wako, una chaguo chache:
- Andika upya maandiko ili uwe mfupi na utafaa.
- Ruhusu maandishi ya mtiririko zaidi ya mipaka na matumaini mpangilio unaweza kuboresha kuunga mkono.
- Futa maandiko ambako inapita.
- Ongeza baa za mwamba (kwa kawaida wima kwa maandishi) ili nafasi ya nafasi ili kuonyesha maandishi ya ziada.
Chaguo bora ni kawaida chaguo la mwisho: fungua kisanduku cha maandishi kinachozunguka. Kisha maandishi ya ziada bado yanaweza kusomwa, lakini muundo wako hauathiri.
HTML na CSS kwa hii itakuwa:
Kuongezeka: auto; inamwambia kivinjari kuongeza vifungo vya upepo ikiwa inahitajika kuweka maandishi kutoka kwenye mipaka ya div. Lakini ili kazi hii itafanye kazi, unahitaji pia upanaji wa mitindo na urefu wa mtindo kuweka kwenye div, ili uwe na mipaka ya kuongezeka.
Unaweza pia kukataa maandishi kwa kubadilisha kubadilisha: auto; kuongezeka: siri ;. Ikiwa unatoka mali ya kuziba, maandishi yatapungua mipaka ya div.
Unaweza kuongeza Baa ya Scroll kwa Zaidi ya Nakala tu
Ikiwa una picha kubwa ambayo ungependa kuionyesha katika nafasi ndogo, unaweza kuongeza vifungo vya kuzunguka kuzunguka kwa njia sawa na ungependa kwa maandiko.
Katika mfano huu, picha ya 400x509 iko ndani ya aya ya 300x300.
Majedwali yanaweza kufaidika na Baa ya Mipira
Vibao vingi vya habari vinaweza kuwa vigumu sana kusoma kwa haraka sana, lakini kwa kuziweka ndani ya div ya ukubwa mdogo na kisha kuongeza mali inayoongezeka, unaweza kuzalisha meza kwa data nyingi ambazo hazitachukua nafasi kali kwenye ukurasa wako .
Njia rahisi ni kama ilivyo na picha na maandishi, tu kuongeza div kwenye meza, weka upana na urefu wa div hiyo, na uongeze mali iliyozidi:
Kitu kimoja kinachotendeka wakati unapofanya hili ni safu ya kupima ya usawa inaonekana kwa kawaida kwa sababu kivinjari kinachukulia kuwa chrome ya baa za kitabu kinapindua meza. Kuna njia nyingi za kurekebisha hili kwa kubadilisha upana wa meza na wengine. Lakini favorite yangu ni tu kuzima scrolling usawa na CSS 3 mali overflow-x. Ingiza tu kuongezeka-x: siri; kwa div, na ambayo itaondoa safu ya safu ya usawa. Hakikisha kuthibitisha hili, kwa kuwa kunaweza kuwa na maudhui ambayo yanapotea.
Firefox Inasaidia Kutumia Tags TBODY kwa Overflow
Kipengele kimoja cha kweli cha kivinjari cha Firefox ni kwamba unaweza kutumia mali ya kufurika kwenye vitambulisho vya meza ndani kama vile mtu na thead au tfoot. Hii ina maana kwamba unaweza kuweka vifungo vya kichwa kwenye maudhui ya meza, na seli za kichwa zinakaa nanga juu yao. Hii inafanya kazi tu kwenye Firefox , ambayo ni mbaya sana, lakini ni kipengele nzuri ikiwa wasomaji wako wanatumia tu Firefox. Vinjari kwenye mfano huu katika Firefox ili uone kile ninachosema.