HTML – 如何在div中创建一个图像填充整个div？

概述目前我正在使用此代码： <style type="text/css"> .icondiv{ border:1px solid; content: url(image.png) 100% 100%; }</style><div class="icondiv"></div> 输出就像,图像保持在div的1/4.如何使图像填满整体？我已经检查了图像,它没有额外的 目前我正在使用此代码：

<style type="text/CSS">   .icondiv{      border:1px solID;      content: url(image.png) 100% 100%;   }</style><div ></div>

输出就像,图像保持在div的1/4.如何使图像填满整体？我已经检查了图像,它没有额外的空白.

解决方法 如果您不想使用背景图片

.container{  wIDth: 400px;  height: 100px;}.container img{  wIDth: 100%;  height: auto;}@supports(object-fit: cover){    .container img{      height: 100%;      object-fit: cover;      object-position: center center;    }}

<div >  <img src="http://i62.tinypic.com/2dh8y1g.jpg" alt="" /></div>

但要注意支持：http://caniuse.com/#search=object-fit

总结

以上是内存溢出为你收集整理的HTML – 如何在div中创建一个图像填充整个div？全部内容，希望文章能够帮你解决HTML – 如何在div中创建一个图像填充整个div？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。