تعمل طريقة IMG Label Display Image في HTML حاليًا على ثلاثة أنواع
الأول: استخدم مقطع CSS: معدل أعلى اليمين) ؛<img src = http://img2 ) ؛ ........ 300 بكسل ؛
تعيين صورة عرض وارتفاع الصورة يعادل نسبة العرض الفعلي للصورة ، ثم استخدم طريقة المستقيم لتعيين نطاق القطع للصورة.
في الثانية: استخدم سمة خلفية IMG: <type type = text/css> img {background- صورة: url (http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-9a93-c12df5ebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebebe تكرار الخلفية الصورة: لا يتم عرض صورة الخلفية إلا مرة واحدة. الخلفية: SCROLL. 300px 200px ؛استخدم الخلفية للتحكم في الموضع المركزي لعرض الصورة. في هذا الوقت ، ستظهر الحدود الرمادية في الصورة المعروضة ، ولا توجد طريقة لإزالتها.
النوع الثالث: يحتوي على IMG في Div ، باستخدام فائض Div: Hidden ؛ <النمط div = العرض: 100px ؛ : معرف RELACTED = IMG_ID> </viv> <script> var img = document.getElementByiD (IMG_ID) ؛ /يحصل ارتفاع عرض الصورة على صورة Image.SRC = http://img2 onload = function () {realwidth = image.width ؛ الإزاحة إذا كان (realwidth> realhead) {img.width = (100/realhead) + (100/realheight)*realwidth-100)/2 + 'px' ؛ العرض = 100 ؛ *realheigh-) // 2 + 'px' ؛ ؛ gtype = 0 & src = http ٪ 3a ٪ 2fd.hiphotos.baidu.com ٪ 2fzhidao ٪ 2FWH ٪ 253d450 e17.jpg ؛التعليقات المذكورة أعلاه واضحة بالفعل ، وذلك أساسًا لأن DIV يتحكم في الحجم ، وتنظم علامة IMG حجمها وفقًا لحجم DIV. التحولات التفاضلية للوصول إلى الصورة في منتصف الصورة. شخصيا ، أعتقد أن الطريقة الثالثة أفضل.
ما ورد أعلاه هو علامة IMG في HTML التي قدمها Xiaobian لك فقط تعرض طريقة المركز للصورة (ثلاث طرق). سوف يرد على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع VEVB Wulin!