Hvordan strekke DIV til Fit Innhold

DIV containere tilby deg muligheten til å flykte begrensninger av den tradisjonelle bordet når designe og utvikle en HTML-webside og å posisjonere hvert element i siden din akkurat slik du vil ha det. Men du kan støte på situasjoner hvor du ønsker en container for å få plass til dynamisk innhold og strekke til å passe innholdet i alt som er i det på den tiden. Bruke inline styling elementer, kan du gjøre nettopp det.

Bruksanvisning

1 Åpne websiden som inneholder DIV at du ønsker å strekke i din foretrukne teksteditor.

2 Flytt markøren til tag av DIV beholder.

3 Legg til følgende kode i DIV containeren tag:

style = "height: auto; width: auto"

Containeren vil nå automatisk strekke til å passe innholdet i det som er inni den når siden gjengis.

Hint

• De fleste nettlesere vil automatisk tildele verdier av "auto" til høyde og bredde stilegenskapene i en DIV container hvis du ikke angir verdier for dem. Men av hensyn til plass hver nettleser, er det tilrådelig å sette disse verdiene selv hvis du ønsker en DIV container å strekke.