Hoe te Overflow in CSS verbergen

Overloop is een belangrijk begrip voor Web design: inhoud dat de randen van een lay-out breekt kan de stroom van een pagina te ruïneren door het verplaatsen van de inhoud Gelukkig kun je overflow beheren gemakkelijk met behulp van Cascading Style Sheets, of CSS Of wilt u een div element te creëren dat niet uit te breiden voor overflow inhoud, of maak een div doos met een scrollbar, het veranderen van de overloop maakt het mogelijk

Open uw website in uw platte tekst editor voorkeur en ga naar het desbetreffende gedeelte van CSS voor uw element Als u de styling rechtstreeks zijn toe te voegen aan uw HTML-tag, zou dit in het attribuut "stijl" zijn, bv


Als u een stylesheet gebruiken Bijvoorbeeld, als je wilt de overloop voor elk element met de klas te veranderen "doos", zou je het gedeelte van uw style sheet dat lijkt aan te passen:
 box {}

Add "overflow" en de waarde, e g
 doos { overflow: scroll; }
Je hebt drie opties voor de behandeling van overflow eerste is "zichtbaar", wat betekent dat uw element zal ofwel uit te breiden naar alle content weer te geven binnen het of inhoud zal overstromen voorbij de grenzen van het element tweede is "verborgen", wat betekent dat alle inhoud die overschrijdt het formaat parameters van de box niet toegankelijk De laatste optie is "scroll", wat een schuifbalk inzetstukken voor de inhoud die de grootte van het element overschrijdt
Overflow betrekking op zowel de horizontale en verticale grenzen van het element U kunt specifiek vermeld "overflow x" horizontale overflow en "overflow y" voor de verticale overflow, bijvoorbeeld:
 doos { x overflow: hidden; }

Sla uw pagina en controleer de overloop instellingen in uw browser

Tip

  • Overflow kunnen worden opgegeven in blok elementen, zoals div elementen, iframes, en zelfs het lichaam van de pagina

Waarschuwing

  • Verbergen overflow voorzichtig en zorgvuldig te controleren dat de relevante inhoud zichtbaar is, waar mogelijk, terwijl verbergen overflow effectief is in sommige gevallen, zoals beelden die te groot zijn voor het vak dat ze het weergeven in het kan ook obscure belangrijke inhoud zijn
1

Commentaren - 0

Geen reacties

Voeg een Commentaar

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Tekens over: 3000
captcha