在div中插入图片，图片会和div下方有几像素高的空白，本文介绍了三种消除img图片与容器下边界之间空白的方法。
在div中插入图片，图片会和div下方有几像素高的空白，代码如下：
Tips:You can change the code before run.
你可以运行查看！
今天125建站网给大家分享3种简单的解决方法
1、给图片img标签display:block
img{display:block}
2、定义容器里的字体大小为0
div {
width:110px;
border:1px solid #000000;
font-size:0
}
3、定义图片img标签vertical-align:bottom
img{vertical-align:bottom}
设置后效果如下，图片与div下边界之间的空白消失了。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1153.html
科技发展日新月异，有些原来难已想象的事情早已变成现实，无人驾驶，机器人技术，3D打印……未来几十年新技术的发展必然会给生活带来重大的影响。 未来将消失的十大职业之一：司机 无人驾驶技术的发展，会让司机、驾校和交警消失。 未来将消失的十大职业之二：银行柜员 线下支付的方法已经成为潮流，现在出门也不必带现金和钱包，仅靠一部手机就能够走到许多地方，到银行柜台办业务…
自适应布局允许网页宽度或高度自动调整，以获得良好的用户体验。自适应布局有高度自适应和宽度自适应，本文讲解了三列布局，学会三列自适应布局，两列自适应布局的原理一样。
块级元素（block-level）在默认显示状态下占据整行，其他元素在下一行中显示。例如，<p>、<h1>、<div>等元素都是块级元素。 行内元素（inline-level，也叫作“内联”元素）与块级元素相反，在默认显示状态下，允许下一个对象与它本身在一行中显示。例如，<strong>、<a>、&…
[上机目的与要求] 综合运用所学相关知识，设计和开发企业网站。 [上机重点与难点] 项目开发的步骤、MVC设计模式的使用，前后端开发对接。 [上 机 方 法] 由指导老师演示和指导，学生亲自上机操作。 [上 机 内 容] 制作动态JSP企业网站 网站目录管理示例一： 网站目录管理示例二： 撰写文章示例一： 撰写文章示例二：
微信扫一扫 
支付宝扫一扫