Slik skjuler en Flow DIV

Slik skjuler en Flow DIV


Kunnskap om CSS (Cascading Style Sheets) gir webdesigner nesten magisk makt over formatet på innholdet på websiden. En designer dyktige i CSS kan selv lage tekst og annet innhold ser ut til å forsvinne.

CSS eiendom DIV (Web side divisjon), kan du dele innholdet i diskrete blokker. Hver blokk kan da være formatert og stylet. Utformingen av en webside tilsier ofte at blokker av innhold passer inn i forhåndsbestemte spilleautomater i en bestemt høyde og bredde. Noen ganger mengden av innhold i en blokk enn den tildelte plassen til det. Når dette skjer, vil det overskytende innhold "overkjørt" og dekke innhold under den. Websiden besøkende vil se en jumbled rot med innhold som dekker annet innhold. CSS eiendom "overflow" gir en måte å hindre at dette skjer.

Bruksanvisning

1 Åpne HTML-redigeringsprogrammet. Last inn websiden som inneholder DIV du ønsker å redigere. Hvis du bruker en WYSIWYG (What You See er hva du får) editor, skifte til HTML eller kildemodus, slik at du kan se og redigere selve HTML-koden.

2 Velg DIV du ønsker å søke på "overflow" eiendom til. Høyden på DIV skal være løst på en bestemt høyde ved hjelp av CSS eiendom, "height". For eksempel, hvis du vil at DIV å være 200 piksler høyt, legge til denne CSS stil: "<div style =" height: 200px ">".

3 Legg til følgende verdi til DIV stil: "overflow: hidden;". CSS DIV eiendom "overflow" lar deg kontrollere mengden av innholdet som vises og unngå innhold Eiendommen "overflow" har flere verdier for designeren å velge mellom "overkjørt.": Synlig, skjult, bla, auto og arve. Den "overflow" eiendom verdi "skjulte" kutt av innholdet utstilt på forhåndsbestemte DIV høyde. For eksempel hvis DIV har en bredde på 400 piksler og en høyde på 200 piksler din DIV ville være: "<div style =" width: 400px; height: 200px; flow: hidden ">".

4 Lagre filen. Test din design. Åpne opp nettleseren og laste inn websiden du jobbet på. Alt innhold som ikke passer innenfor 200-pixel grensen du angir, vil bli klippet eller skjult. Den overstrømmende innhold er der fortsatt, men websiden besøkende vil ikke se det. Juster høyden på DIV til du kan vise den mest mengden av innhold i mellomrommet din side design tillater.

Hint

  • En annen egenskap ved "overflow" legger rullefeltene til DIV. Legge til "overflow: bla" til innholdet DIV lar den besøkende til å bruke rullefeltene for å se alt innholdet.