El método del centro de imagen de la etiqueta IMG en HTML está conociendo tres tipos aquí.
El primero: use el clip de CSS: tasa (arriba a la derecha a la izquierda);<Img src = http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-9a93-c12df5eb1a35.jpg estilo: absoluto; ); ........ 300px;
Establezca la imagen del ancho y la altura de la imagen es equivalente a la proporción del ancho real de la imagen, y luego use el método RECT para establecer el rango de corte de la imagen.
-En segundo: use el atributo de fondo de IMG: <Style type = text/css> img {background- Image: url (http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-9a93-c12df5ebebebebebebebebebebebebebeBeBeBeBeBeBeBe1a35.jpgg); imagen de fondo-repetición: no repite; // La imagen de fondo solo se mostrará una vez. Attache de fondo: desplazamiento; 300px 200px;Use el fondo para controlar la posición central de la pantalla. En este momento, aparecerá un borde gris en la imagen mostrada, y no hay forma de eliminarlo.
El tercer tipo: contiene IMG en el DIV, usando el desbordamiento de Div: Oculto; <Div Style = Ancho: 100px; : Relacted id = img_id> </div> <script> var img = document.getElementById (img_id); /La altura de ancho de la imagen obtiene la imagen de Image.src = http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-9a93-c12df5eb1a35.jpg; onload = function () {realwidth = image.width; Offset if (realwidth> realhead) {img.width = (100/realhead)*RealWidth; + ((100/realHeight)*realwidth-100)/2 + 'px'; ancho = 100; *Realheigh-) // 2 + 'PX'; ; // La imagen de la imagen carga la falla de img img .onerror = function () {img.src = https://timgsa.baidu.com/timg?image&QUALY=80&size=b99999_10000&sec=14992076382&di=04ebd6888b2f f f FBD8E6852220 Gtype = 0 & src = http%3a%2fd.hiphotos.baidu.com%2fzhidao 17.jpg;Los comentarios anteriores ya son muy claros, principalmente porque Div controla el tamaño, y la etiqueta IMG regula su tamaño de acuerdo con el tamaño del DIV. Cambios diferenciales para alcanzar la imagen en el medio de la imagen. Personalmente, creo que el tercer método es mejor.
La arriba es la etiqueta IMG en el HTML introducido por Xiaobian para mostrar el método de la posición central de la imagen (tres métodos). . Xiabian responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!