Slik skjuler Overveldet innhold ved hjelp av CSS

Den "overflow" CSS stil gir deg muligheten til å skjule innhold som strekker seg forbi HTML container. For eksempel, hvis du bruker en div tag til å inneholde innhold, sette overflow eiendom til "skjulte" avkorter og skjuler resten av teksten som er større enn bredden eller høyden på div. Du setter dine CSS-stiler i kodene dine for å overstyre alle eksisterende oppsett på siden.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder innholdet du ønsker å redigere. Klikk "Åpne med" og deretter din HTML editor i programlisten.

2 Bla ned til innholdet du ønsker å avkorte. Hvis du ikke allerede har en div container rundt innholdet, kan du legge til en. Embed innholdet innenfor følgende HTML-kode:

<Div id = "container"> </ div>

3 Legg til "overflow" stil til div tag. Følgende CSS legges til div tag og viser deg hvordan du kan skjule innhold som flyter over i div tag:

style = "overflow: hidden;"

4 Lagre CSS endringene og åpne filen i nettleseren. Legg merke til innholdet som passerer enden av div er skjult.