La imagen se desplaza hacia la izquierda o hacia la derecha al cambiar el tamaño de la página

Cubex

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>

Varsha dhadge

Intente usar flexsu 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

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Div fijo se mueve hacia la izquierda y hacia la derecha al cambiar el tamaño de la ventana

El contenido centrado al cambiar el tamaño del navegador se desplaza hacia el lado derecho de la página

Efecto elástico de animación de Android en la imagen arrastrada hacia la izquierda o hacia la derecha

Sublime Text 3: cuando muevo el mouse hacia la izquierda y hacia la derecha, la ventana del editor se desplaza hacia la izquierda y hacia la derecha

el contenido div se desplaza hacia la izquierda a medida que se reduce el tamaño de la pantalla

Evitar que el panfleto se mueva indefinidamente hacia la izquierda o hacia la derecha

mi personaje no se mueve hacia la izquierda o hacia la derecha. No puedo encontrar el problema

CSS Expandir el elemento de la cuadrícula hacia la izquierda o hacia la derecha cuando se libera espacio

¿Por qué mi sitio web se desplaza hacia la izquierda cuando se cambia el tamaño en modo de respuesta?

El pie de página HTML5 se desplaza fuera de la pantalla hacia la izquierda

La página se desplaza automáticamente hacia la parte superior al cambiar entre pestañas

Dos columnas, imagen izquierda, contenido derecha: cambiar el tamaño de la imagen, no el contenido

¿Cómo cambio la textura de mi nodo cuando muevo el joystick hacia la izquierda o hacia la derecha?

Cambiar el tamaño de la ventana hace que el texto empuje la imagen hacia abajo

Scrollview no se desplaza hacia la derecha

Twitter Bootstrap Carousel sigue subiendo cuando se desliza el control hacia la izquierda o hacia la derecha

Cómo lograr deslizar el dedo hacia la derecha o hacia la izquierda en flutter

Forzar el borde entre subgrafos para ir hacia la izquierda o hacia la derecha

Mover el texto entre corchetes hacia la izquierda o hacia la derecha

¿Cómo rotar el eje Y 90 grados hacia la izquierda o hacia la derecha?

Mueva la casilla de verificación y el texto hacia la izquierda o hacia la derecha al hacer clic en un botón

Firefox se desplaza hacia abajo al cargar la página

Mueva el cursor de texto de QsciScintilla hacia la izquierda o hacia la derecha en PyQt5

Flutter gestiona dx de Offset deslizando hacia la derecha o hacia la izquierda

Determine si un evento de deslizamiento es para deslizar hacia la izquierda o hacia la derecha

Intentando eliminar un elemento de RecycleView (cargado desde servicios web) deslizando el dedo hacia la izquierda o hacia la derecha

¿Centrar un 'div' en el medio de la pantalla, incluso cuando la página se desplaza hacia arriba o hacia abajo?

el menú desplegable está detrás de la página de contenido o cuando se desplaza hacia abajo

Cómo cambio el tamaño de la imagen o el logotipo al desplazarme hacia abajo

TOP Lista

CalienteEtiquetas

Archivo