logo

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.

Java-tekenreeks aaneengeschakeld

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



functies van Arduino






> <>html>>> <>head>>> ><>title>>De positie van een afbeeldingstitel instellen>