Cruthaigh bosca le téacs scrollaithe ag baint úsáide as CSS agus HTML
Bosca scrollbharra HTML is ea bosca a chuireann barraí scrolláin ar an taobh dheis agus ar an mbarr nuair a bhíonn ábhar an bhosca níos mó ná na gnéithe bosca. I bhfocail eile, má tá bosca agat a d'fhéadfadh a bheith oiriúnach le 50 focal, agus má tá téacs de 200 focal agat, cuirfidh bosca scrollbharra barraí scroll suas chun ligean duit na 150 focal breise a fheiceáil. I HTML caighdeánach a chuirfeadh isteach an téacs breise taobh amuigh den bhosca.
Tá éasca le héasca scrollbharra HTML a dhéanamh. Ní mór duit ach leithead agus airde an eilimint is mian leat scrollú a leagan síos agus ansin úsáid a bhaint as an maoin overflow CSS chun an dóigh ar mhaith leat an scrollú a shocrú.
Cad atá le déanamh le téacs breise?
Nuair a bhíonn níos mó téacs agat ná mar a bheidh oiriúnach sa spás ar do leagan amach, tá cúpla rogha agat:
- Athscríobh an téacs ionas go mbeidh sé níos giorra agus beidh sé oiriúnach.
- Ceadaigh an téacs a shreabhadh thar na teorainneacha agus tá súil agam gur féidir leis an leagan amach tacú leis.
- Gearr an téacs ina bhfuil sé ró-sreabhadh.
- Cuir barraí scrolláin (de ghnáth ingearach le haghaidh téacs) ionas go scrollaíonn an spás an téacs breise a thaispeáint.
Is é an rogha is fearr an rogha dheireanach de ghnáth: bosca téacs scrollaigh a chruthú. Ansin, is féidir téacs breise a léamh fós, ach ní dhéantar do dhearadh a chur i mbaol.
Ba é HTML agus CSS seo a leanas:
An overflow: auto; insíonn an bhrabhsálaí barraí scrolláin a chur leis má tá gá leo an téacs a choinneáil ó theorainneacha an div a mhaolú. Ach d'fhonn seo a bheith ag obair, ní mór duit freisin na hairíonna stíl leithead agus airde atá leagtha ar an div, ionas go mbeidh teorainneacha le maolú.
Is féidir leat an téacs a ghearradh freisin trí athrú a dhéanamh ar thar lear: uathoibríoch; le maolú: i bhfolach ;. Má fhágann tú an t-mhaoin maolú, cuirfidh an téacs isteach ar theorainneacha na roinne.
Is féidir leat barraí scrolla a chur le níos mó ná Just Téacs
Má tá íomhá mór agat gur mhaith leat taispeáint i spás níos lú, is féidir leat barraí scrolláin a chur timpeall air ar an gcaoi chéanna le téacs.
Sa sampla seo, tá an íomhá 400x509 taobh istigh de mhír 300x300.
Is féidir le táblaí tairbhe a bhaint as Barraí Scrollaigh
Is féidir an-deacair le táblaí fada faisnéise a léamh go han-tapa, ach trína gcuirtear isteach iad i méid teoranta agus ansin an mhaoin thar maoil a chur leis, is féidir leat táblaí a ghiniúint le go leor sonraí nach nglacann spás mhór ar do leathanach .
Is é an bealach is éasca cosúil le híomhánna agus téacs, ach cuir div timpeall an tábla, leagtar leithead agus airde an div sin, agus cuir leis an maoin overflow:
Name th> | Phone th> tr> thead> | ||||
---|---|---|---|---|---|
Jennifer td> | 502-5366 td> tr> .... tbody> table> div> Is gné amháin a tharlaíonn nuair a dhéanann tú seo barra scrollán cothrománach mar is gnách toisc go nglacann an brabhsálaí go bhfuil crome na barra scrolláin ag forluí an tábla. Tá go leor bealaí ann chun é seo a shocrú ó athrú an leithead an tábla agus daoine eile. Ach is é an rud is fearr liom scrollaigh cothrománach a mhúchadh le maolú maoine CSS 3 3. Just a chur overflow-x: i bhfolach; go dtí an div, agus cuirfidh sé an barra scrollán cothrománach a bhaint as. Bí cinnte é seo a thástáil, mar go bhféadfadh ábhar a bheith imithe. Tacaíochtaí Firefox Ag baint úsáide as na Clibeanna TBODY le haghaidh OverflowIs gné an-deas de bhrabhsálaí Firefox é gur féidir leat an mhaoin mais-shreabhadh a úsáid ar chlibeanna tábla inmheánacha ar nós tbody and thead or tfoot. Ciallaíonn sé seo gur féidir leat barraí scrolláin a leagan síos ar ábhar na tábla, agus na cealla ceannteidil a bheith ag ancaire os a gcomhair. Ní oibríonn sé seo ach amháin i Firefox , rud atá ró-olc, ach is gné deas í más rud é nach úsáideann do léitheoirí Firefox amháin. Brabhsáil an sampla seo i Firefox chun a fheiceáil cad is ciall agam.
|