为什么图片和文字一上一下?
因为浏览器会把行内块、行内标签都当作文字处理,在浏览器里,所有的文字默认都按基线对齐,所以图片下方会有一段间距。
解决:
1.给图片加vertical-align属性
2.将图片转成块级
属性名:vertical-align
属性值:
属性值 | 效果 |
baseline | 基线对齐(默认) |
top | 顶部对齐 |
middle | 居中对齐 |
bottom | 底部对齐 |
为什么图片和文字一上一下?
因为浏览器会把行内块、行内标签都当作文字处理,在浏览器里,所有的文字默认都按基线对齐,所以图片下方会有一段间距。
解决:
1.给图片加vertical-align属性
2.将图片转成块级
属性名:vertical-align
属性值:
属性值 | 效果 |
baseline | 基线对齐(默认) |
top | 顶部对齐 |
middle | 居中对齐 |
bottom | 底部对齐 |