Hvordan skjule Overløp i CSS
Når du oppretter en rulleboksen på nettstedet ditt, kan du velge å vise teksten i et par forskjellige måter. Mens en av de vanligste måtene er å sette inn et rullefelt inn i boksen for å tillate brukeren å bla gjennom boksen for å finne ekstra tekst, kan du også velge å skjule tekst som går utover grensene for boksen. CSS-koding kan brukes for å skjule overløp av teksten.
Bruksanvisning
1 Logg inn på din webserver og åpne HTML-siden som du ønsker å skjule overløp tekst.
2 Sett følgende CSS-koden hvor som helst mellom <head> og </ head> taggene på HTML-siden:
div
{
width: 150px;
height: 150px;
flow: hidden;
}
3 Bytt innstillingene for bredde og høyde etter behov.
4 Sett inn følgende kode på siden på det stedet du vil det skal vises i mellom <body> og </ body> tags:
<P> flow: hidden </ p>
<Div class = "hidden"> Teksten som går her vil være synlig før den når enden av rulleboksen. All overløp tekst vil bli avkuttet og skjult. </ Div>
5 Erstatt "Teksten som går her vil være synlig før den når enden av rulleboksen. All overløp teksten vil bli klippet og skjult" med selve teksten du vil skal vises i boksen.
6 Publiser siden.