Inserté una imagen en mi HTML y la diseñé con CSS, pero cuando cambio el tamaño de la página, la imagen simplemente se desplaza hacia la izquierda o hacia la derecha. Quiero que permanezca en la misma posición.
.imagee {position:relative}
.circle {
border-radius: 50%;
width: 300px;
height: 300px;
margin:0 auto;
transform: translate(-345px, 0px);
}
<div class="imagee">
<img class="circle" src="https://dummyimage.com/600x400/000/fff" align="right" />
</div>
Intente usar flex
su div principal y eliminartransform: translate(-345px, 0px);
.imagee {position:relative;width:100%;display:flex;justify-content:left;align-items:center;}
.circle {
border-radius: 50%;
width: 300px;
height: 300px;
}
<div class="imagee">
<img class="circle" src="https://dummyimage.com/600x400/000/fff" align="right" />
</div>
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras