<div class="thumb" style="width: 500px;"> <img src="imgs/1.jpg" style="width: 100%;height: auto"/> </div>
在网页上thumb的高度会比里面的img高度多出几像素，请教下这是为啥？
数据分析师2017-10-01 01:06:06
img의 상위 컨테이너 높이가 img의 높이보다 몇 픽셀 더 커지는 문제에 대해 말씀해 주세요. -PHP 중국 웹사이트 Q&A-img 상위 컨테이너의 높이는 img의 높이보다 몇 픽셀 더 커지나요? -PHP 중국어 홈페이지 Q&A
꼭 보고 배워보세요.
迷茫2017-03-24 09:18:52
这是因为浏览器本身对img标签的渲染问题,img标签本身是行内元素(主要原因)所以有一种简单有效的解决办法(推荐)
img { display:block;}或者可以尝试为父级div设置font-size:0(不推荐)
也可以采用浮动(float),原因是浮动会将这个元素转换为块级元素
当然还有为div定高并且设置overflow:hidden的解决办法(太不优雅了，强烈不推荐)
