因为img是inline元素,默认baseline对齐(vertical-align: baseline;)。
解决方式:
img {
display: block;
/* 或 vertical-align: bottom; */
}
顺带一提:
vertical-align只适用于inline级别的元素。
参考https://developer.mozilla.org/en-US/docs/Images,_Tables,_and_Mysterious_Gaps
因为img是inline元素,默认baseline对齐(vertical-align: baseline;)。
解决方式:
img {
display: block;
/* 或 vertical-align: bottom; */
}
顺带一提:
vertical-align只适用于inline级别的元素。
参考https://developer.mozilla.org/en-US/docs/Images,_Tables,_and_Mysterious_Gaps
转载于:https://my.oschina.net/u/3409026/blog/876953