La méthode du centre d'image d'affichage de l'étiquette IMG dans HTML connaît actuellement trois types.
Le premier: utilisez le clip de CSS: Rate (en bas à droite à gauche);<Img src = http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-9a93-c12df5eb1a35.jpg Style: Absolut; ); ........ 300px;
Définissez l'image de la largeur et de la hauteur de l'image est équivalente à la proportion de la largeur réelle de l'image, puis utilisez la méthode Rect pour définir la plage de coupe de l'image.
-En deuxième: utilisez l'attribut d'arrière-plan d'IMG: <Style Type = Text / CSS> IMG {Background- Image: URL (http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-9a93-c12df5ebebebebebebebebebebebebee 1a35.jpg); Image Background-Repeat: No-Repeat; Attachement d'arrière-plan: défilement; 300px 200px;Utilisez l'arrière-plan pour contrôler la position centrale de l'affichage de l'image. À ce moment, une bordure grise apparaît dans l'image affichée, et il n'y a aucun moyen de le supprimer.
Le troisième type: contient IMG dans la div, en utilisant le débordement de div: caché; pour le contrôler, il est plus flexible à utiliser, <div style = largeur: 100px; : ID relâché = img_id> </ div> <cript> var img = document.getElementyId (img_id); / La hauteur de largeur de l'image obtient l'image de l'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'; largeur = 100; // la hauteur de la div est cohérente avec IMG.head = (100 / realwidth) * RealHeight; * RealHeigh -) // 2 + 'px'; ; Gtype = 0 & src = http% 3a% 2fd.hiphotos.baidu.com% 2fzhidao% 2fwh% 253d450% 252c600% 7.jpg; iMg.Width = 100;Les commentaires ci-dessus sont déjà très clairs, principalement parce que DIV contrôle la taille, et la balise IMG régule sa taille en fonction de la taille du div. Shifts différentiels pour atteindre l'image au milieu de l'image. Personnellement, je pense que la troisième méthode est meilleure.
Ce qui précède est la balise IMG dans le HTML introduit par Xiaobian, affiche la méthode de la position centrale de l'image (trois méthodes). . Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!