问题分析：
内联盒子的解析和渲染就在前面加一个空白节点，这个节点透明没有宽度，没有办法用节点获取。这个问题只会在<!DOCTYPE html> 的时候存在。我们把它当作一个内容，它存在上半行间距与下半行间距。默认也是vertical-align:baseline对齐。下面的空白实际上幽灵节点的下半行间距。
解决：
1.把图片格式化为块状。
2.设置vertical-align:bottom(top,middle)
块状元素只包含一张图片时会有不知名的空白（幽灵节点）
内联盒子的解析和渲染就在前面加一个空白节点，这个节点透明没有宽度，没有办法用节点获取。这个问题只会在<!DOCTYPE html> 的时候存在。我们把它当作一个内容，它存在上半行间距与下半行间距。默认也是vertical-align:baseline对齐。下面的空白实际上幽灵节点的下半行间距。
1.把图片格式化为块状。
2.设置vertical-align:bottom(top,middle)
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
