Hvordan skjule rullefelt med overløp i CSS

Når teksten i "div" HTML-koder går utover container størrelse, blir rullefelt automatisk vises til brukere i nettleseren. Du kan kontrollere disse rullefelt og stoppe dem fra å vise hjelp Cascading Style Sheets (CSS). CSS lar deg styre layout, farger og atferd for hver HTML-elementet. Bruke "overflow" eiendom, kan du stoppe scrollbars fra å vise.

Bruksanvisning

1 Høyreklikk på HTML-fil eller CSS-filen der du vil plassere koden. Velg "Åpne med" for å vise en liste over redaktører. Dobbeltklikk editor du vil bruke til å legge inn koden.

2 Plasser "div" CSS stil i koden. Skriv inn følgende i "Style" tag i HTML-fil eller CSS-filen, hvis du bruker en ekstern CSS-fil:

div

{

}

3 Skriv inn overløp stilen du vil bruke. For eksempel, hvis du ønsker å klippe innholdet i div tag og eliminere scrollbar, skriver du inn følgende CSS-kode:

flow: hidden

4 Trykk på "Ctrl" og "S" for å lagre endringene. Hvis du vil vise CSS endringene, dobbeltklikker på filen for å åpne den i datamaskinens standard nettleser.