admin 管理员组

文章数量: 1184232

图片下间隙产生原因及解决方法:

 产生原因:

图片默认是文字,而文字默认与基线对齐。

解决方法:

1.设置父元素字体大小为0 font-size:0;(此方法不符合实际)

2.设置行高为  line-height:0;(不符合实际)

 3.改变垂直对齐方式: ( 推荐:默认以基线 baseline对齐 改为 以其他三条线任意一条对齐即可 top  middle  bottom )

 4.将img(行内块)标签转化模式,转换为块级 display:block(需要去掉文字,因为块级元素 不能和其他内容并排)

 

本文标签: 间隙 解决方法 图片 HTML