La oss diskutere arbeidet med fit-content-uttalelsen og dens innvirkning på utgangsresultatene med en prøvekode.
Bredde for automatisk størrelse
CSS-breddeegenskap brukes til å automatisk størrelse på grensen i et HTML-dokument og er skrevet som:
Bredde: Fit-Content;Hvordan bruke egenskapen “Bredde: Fit-Content”?
Det må være en klasse der elementet som automatisk størrelse er nødvendig for å være opprettet. For eksempel er det en "hoved" som inneholder en tekst som krever automatisk størrelse:
Html del
CSS -del | CSS-eiendom til automatisk størrelse
CSS-egenskapen som kreves for å automatisk størrelse på teksten som er lagt til i klassen, vil være:
.hovedHer:
Dette vil skape følgende utgang:
Endre innholdsvolumet
Nå, for å se hvor passform-innholds-auto-størrelser elementene, la oss endre (øke eller redusere) størrelsen på innholdet:
Når du endrer DIV -beholderinnholdet, vil grensestørrelsen også endres automatisk:
Dette var en tydelig forklaring på hvordan du bruker CSS-egenskapen til Fit Constent for å automatisk størrelse bredde i et HTML-dokument.
Konklusjon
For å bruke passform-innhold for å automatisk størrelse på bredden, er det påkrevd å legge til "Bredde: Fit-Content”Eiendom i stilelementet sammen med andre stilegenskaper som margin og grense. Dette vil strekke området og dermed grensene automatisk i utgangen hvis teksten øker i volum og reduserer området hvis tekstvolumet reduseres.