84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
<div class="thumb" style="width: 500px;"> <img src="imgs/1.jpg" style="width: 100%;height: auto"/> </div>
在网页上thumb的高度会比里面的img高度多出几像素,请教下这是为啥?
╰つ ゛思 绪 万 千 , 不 如 努 力 向 前 .ヽ
关于img父容器的高度会比img的高度多几像素的问题?-PHP中文网问答-关于img父容器的高度会比img的高度多几像素的问题?-PHP中文网问答
围观一下哦,学习一下。
这是因为浏览器本身对img标签的渲染问题,img标签本身是行内元素(主要原因)所以有一种简单有效的解决办法(推荐)
或者可以尝试为父级div设置font-size:0(不推荐)也可以采用浮动(float),原因是浮动会将这个元素转换为块级元素当然还有为div定高并且设置overflow:hidden的解决办法(太不优雅了,强烈不推荐)
关于img父容器的高度会比img的高度多几像素的问题?-PHP中文网问答-关于img父容器的高度会比img的高度多几像素的问题?-PHP中文网问答
围观一下哦,学习一下。
这是因为浏览器本身对img标签的渲染问题,img标签本身是行内元素(主要原因)所以有一种简单有效的解决办法(推荐)
img { display:block;}或者可以尝试为父级div设置font-size:0(不推荐)
也可以采用浮动(float),原因是浮动会将这个元素转换为块级元素
当然还有为div定高并且设置overflow:hidden的解决办法(太不优雅了,强烈不推荐)