Hoe stel ik de positie van een afbeelding in CSS in?
Om de positie van een afbeelding te wijzigen CSS , kunt u eigenschappen gebruiken zoals objectpositie en zwevend. De eigenschap object-position lijnt de positie van de afbeelding binnen de container uit met behulp van x- en y-coördinaten. Aan de andere kant wordt de eigenschap float gebruikt om een element binnen de container naar links of rechts van de plaatsing van de afbeelding te verplaatsen.
Inhoudsopgave
Objectpositie-eigenschap gebruiken
object-position> eigendom wordt nauwkeurig gebruikt om de positie van een afbeelding binnen de container in te stellen, zodat u de uitlijning en plaatsing ervan kunt bepalen zonder de algehele lay-out te wijzigen.
Syntaxis:
object-position:
Eigendomswaarden:
- positie: Er zijn twee numerieke waarden nodig die overeenkomen met respectievelijk de afstand vanaf de linkerkant van het inhoudsvak (x-as) en de afstand vanaf de bovenkant van het inhoudsvak (y-as).
Voorbeeld: Implementatie om de positie van een afbeelding in te stellen met behulp van de eigenschap object-position.
HTML
> <> html> >> <> head> >> > <> title> >De positie van een afbeeldingstitel instellen> |