html - 如何用图片填充div

标签 html css image

我有这个响应式网格,但我不知道如何删除 div 顶部和底部之间的空间。如何用图像填充整个div?你可以在这里看到它https://jsfiddle.net/jo3jorch/1/

<div>
<img src="http://beyondeurope.net/wp-content/uploads/2014/08/Top_10_Universities_in_New_York_City.jpg">
</div>

div {
   width: 50%;
   float: left; 
}
div img {
   width: 100%; 
}

最佳答案

给你

https://jsfiddle.net/b7nxzt8m/1/

这个不见了

img {
    display:block;
}

关于html - 如何用图片填充div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30645841/

相关文章:

html - 给出响应式背景图案图像

html - 全屏布局

javascript - 使整个表格可编辑并单击保存更改

jquery - 使用 CSS 的 iTunes 样式布局

css - 如何去除 Wordpress 登录页面上的表单边框和阴影?

javascript - 将 this.value 传递给 JS 中的函数,然后更改该值

css - 如何在 Bootstrap 表单上正确对齐没有标签的字段

java - 将具有相同逻辑的图像添加到游戏中的不同位置?

jquery - 在图像鼠标悬停时在父 div 中显示大的可点击图像

ios - 我应该将图像保存在 Core Data 中还是应该使用 SDWebImage