Метод IMG Label Display Center в HTML в настоящее время знает три типа
Первый: используйте клип CSS: скорость (вверху внизу слева);<Img src = http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-9a93-c12df5eb1a35.jpg Стиль: Absolute; ); ........ 300px;
Установите изображение ширины и высоты изображения, эквивалентно пропорции фактической ширины изображения, а затем используйте прямого метода, чтобы установить режущий диапазон изображения.
-Не второе: используйте атрибут фонового атрибута IMG:<Style Type = Text/CSS> IMG {Founal- Image: URL (http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-9a93-c12df5ebebebebebebebebebebebebebe 1a35.jpg) Фана-повторное изображение: без повторения; // Фоновое изображение будет отображаться только один раз. Справочник: Scroll; 300px 200px;
Используйте фон, чтобы управлять центральным положением изображения. В настоящее время в отображаемом изображении появится серая граница, и нет возможности удалить его.
Третий тип: содержит IMG в DIV, используя переполнение Div: Hidden;<Div Style = ширина: 100px; : RELACTED ID = IMG_ID> < /div> <script> var img = document.getElementbyId (img_id); /Высота ширины изображения получает изображение. onload = function () {RealWidth = Image.width; offset if (RealWidth> Refemhead) {img.width = (100/Realhead)*Realwydth; + ((100/RealHeight)*RealWidth-100)/2 + 'px'; Ширина = 100; *Realheigh-) // 2 + 'px'; ; Gtype = 0 & src = http%3a%2fd.hiphotos.baidu.com%2fzhidao%2fwh%253d450% 7.jpg;
Приведенные выше комментарии уже очень ясны, главным образом потому, что DIV контролирует размер, а метка IMG регулирует его размер в соответствии с размером Div. Дифференциальные сдвиги, чтобы добраться до картины в середине картинки. Лично я думаю, что третий метод лучше.
Приведенное выше тег IMG в HTML, представленном Xiaobian для вас, отображает только метод центральной позиции (три метода). .. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!