HTMLのIMGラベルディスプレイセンターの方法は、現在3つのタイプを知っています
最初：CSSのクリップを使用します。レート（左上左下）;<img src = http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-9a93-c12df5eb1a35.jpgスタイル：clip：clip（0px、250px、200px、clip; ）; ........ 300px;
画像の幅と高さの画像を設定することは、画像の実際の幅の割合と同等であり、長方メソッドを使用して画像の切断範囲を設定します。
- 2番目：IMGの背景属性を使用します。 <style type = text/css> img {background- image：url（http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-画像の背景：ノーレピート。バックグラウンドアタッチメント：//背景0px。 300px 200px; ////背景画像のサイズを設定します。背景を使用して、画像ディスプレイの中心位置を制御する必要があります。現時点では、灰色の境界線が表示され、境界線を削除する方法はありません。
3番目のタイプ：Divのオーバーフローを使用して、DivにIMGが含まれています。 <div style = width：100px; ：relacted id = img_id> < /div> <script = document.getElementbyid（img_id）; /画像の幅の高さは、画像の画像を取得します。src= http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-93-C12DF5EB1A35.JPG; onload = function（）{realwidth = width; OFFSET（RealWidth> RealHead）{IMG.Width =（100/RealHead）*IMG.Height = 100の幅の幅。 +（（100/realheight）*realwidth-100）/2 + 'px'; width = 100。 *Realheigh-）// 2 + 'px'; ; //写真の写真はimgの障害をロードします。 imgtype = 0 & SRC = HTTP%3A%2FD.HIPHOTOS.BAIDU.com%2fzhidao %2FWH%253D450%252C600%2FSIGN%3D0C96DC8633C895A62B907FE4235FC6%2F0823dd54564E9258D2DFF9F82D158CCBF4E17.jpg; img.width = 100 ; img.head = 100;} </script>上記のコメントはすでに非常に明確であり、主にDivがサイズを制御し、IMGタグはDivのサイズに応じてそのサイズを調整します。写真の途中で写真に到達するための差動シフト。個人的には、3番目の方法が優れていると思います。
上記は、Xiaobianによって紹介されたHTMLのIMGタグです。 。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！