Metode Label IMG Display Image Center di HTML saat ini mengetahui tiga jenis di sini
Yang pertama: Gunakan klip CSS: rate (Kiri kanan atas);<Img src = http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-9a93-c12df5eb1a35.jpg Gaya: absolute; ); ........ 300px; tinggi: 200px>
Atur gambar lebar dan tinggi gambar setara dengan proporsi lebar aktual gambar, dan kemudian gunakan metode Rect untuk mengatur rentang pemotongan gambar.
-Di detik: Gunakan atribut latar belakang IMG: <Type style = text/css> img {latar belakang- gambar: url (http://img2.utuku.china.com/640x0/news/20170210/77b8bebebebebebebebebebebebebebebebebebebebore gambar latar belakang-repeat: no-repeat; // gambar latar hanya akan ditampilkan sekali. Latar Belakang: Gulir; // Posisi Latar Belakang: -50px 0px; 300px 200px; //// atur ukuran gambar latar belakang, yang setara dengan proporsi latar belakang lebar dan tinggi yang sebenarnya.Gunakan latar belakang untuk mengontrol posisi tengah tampilan gambar. Pada saat ini, perbatasan abu -abu akan muncul di gambar yang ditampilkan, dan tidak ada cara untuk menghapusnya.
Jenis ketiga: berisi IMG di div, menggunakan overflow div: tersembunyi; <Div Style = Width: 100px; ID RELACTED = IMG_ID> < /Div> <script> var img = document.geteLementById (img_id); /Tinggi lebar gambar memperoleh gambar gambar.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'; Lebar = 100; *Realheigh-) // 2 + 'px'; ; // gambar gambar memuat kegagalan img img .onerror = function () {img.src = https://timgsa.baidu.com/timg?image&quality=80&size=b999_10000&sec=14920763882&di=84.10000&sec=14920763882&di=8482&sec= Imgtype = 0 & SRC = HTTP%3A%2FD.HIPHOTOS.BAIDU.COM%2FZHIDAO%2FWH%253D450%252C600%2FSIGN%3D0C96DC8633C895A62B907FE4235%2F082D96464.2 E17.jpg;Komentar di atas sudah sangat jelas, terutama karena Div mengontrol ukurannya, dan tag IMG mengatur ukurannya sesuai dengan ukuran div. Pergeseran diferensial untuk mencapai gambar di tengah gambar. Secara pribadi, saya pikir metode ketiga lebih baik.
Di atas adalah tag IMG dalam HTML yang diperkenalkan oleh Xiaobian kepada Anda hanya menampilkan metode posisi tengah gambar (tiga metode). Xiaobian akan membalas semua orang. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!