84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
<div class="thumb" style="width: 500px;"> <img src="imgs/1.jpg" style="width: 100%;height: auto"/> </div>
在网页上thumb的高度会比里面的img高度多出几像素,请教下这是为啥?
╰つ ゛思 绪 万 千 , 不 如 努 力 向 前 .ヽ
imgの親コンテナの高さはimgの高さより何ピクセル大きくなるかという問題についてです。 -PHP中国語サイトQ&A-img親コンテナの高さはimgの高さより何ピクセル大きくなりますか? -PHP中国語サイトQ&A
ぜひ見て学んでください。
这是因为浏览器本身对img标签的渲染问题,img标签本身是行内元素(主要原因)所以有一种简单有效的解决办法(推荐)
或者可以尝试为父级div设置font-size:0(不推荐)也可以采用浮动(float),原因是浮动会将这个元素转换为块级元素当然还有为div定高并且设置overflow:hidden的解决办法(太不优雅了,强烈不推荐)
imgの親コンテナの高さはimgの高さより何ピクセル大きくなるかという問題についてです。 -PHP中国語サイトQ&A-img親コンテナの高さはimgの高さより何ピクセル大きくなりますか? -PHP中国語サイトQ&A
ぜひ見て学んでください。
这是因为浏览器本身对img标签的渲染问题,img标签本身是行内元素(主要原因)所以有一种简单有效的解决办法(推荐)
img { display:block;}或者可以尝试为父级div设置font-size:0(不推荐)
也可以采用浮动(float),原因是浮动会将这个元素转换为块级元素
当然还有为div定高并且设置overflow:hidden的解决办法(太不优雅了,强烈不推荐)