[问题] 如何让DIV的高度自动刚好等于图片的高度? kudoropu PTT批踢踢实业坊

[问题] 如何让DIV的高度自动刚好等于图片的高度?

楼主: kudoropu (没事练双音,练双音没事) 2014-10-19 20:02:56

大家好，想请教一个问题
http://imgur.com/ZWtohtB
如图，我有一个DIV里要放图片
在我不设定DIV的宽高时，图片下方会多一条空间出来
(紫色是设背景色方便观看)
如此就会挤压到排版。
我希望是如下图
http://imgur.com/RRZJCYb
DIV的高度自动调整成图片的高度。
图中是设了DIV的宽高才达到的。
有没有DIV不用设宽高，就可以自动达到目的的方法呢？
恳请赐教，谢谢！

作者: LaPass (LaPass) 2014-10-19 22:07:00

注意padding margin 的设定，以及注意不要有<BR>之类的

作者: GoalBased (Artificail Intelligence) 2014-10-19 22:20:00

他的PIC PADDING 是0了直接把范例上传吧

作者: matrixki (New Season) 2014-10-19 22:34:00

用js fiddle这种工具问比较有办法帮忙

作者: miau (米奥) 2014-10-20 00:07:00

其实 img {display:block;} 应该就可以了，不想动的原因是？

作者: pttnews (PTT新闻) 2014-10-20 11:09:00

http://jsfiddle.net/y2vjczjg/所有方法都试过了，只有m大方法可行，招唤高手，可否解释一下谓何div底下会多一小段空白

作者: mmis1000 (秋月恋枫) 2014-10-20 11:36:00

因为图底部，是跟文字切齐的

作者: eight0 (æ¬¸XD) 2014-10-20 21:18:00

默认 vertical-align 是对齐 Baseline 的。下方的空白是Descender 的空间http://jsfiddle.net/y2vjczjg/1/

作者: BigLoser (大鲁蛇) 2014-10-21 12:50:00

请问这位温拿，可以把您的情况说清楚点吗?不要动img的css，也不要设定div高度您才接受吗?

继续阅读

[问题] 请问这个样式的部落格版型livein [问题] 手机网站上FB按赞及分享按钮写法tingmeow [问题] img在td中的min-width min-heightheavenbetula [问题] 有关innerHTML使用问题bluedragon [问题] 将网页的图表另存成图片?spiderman007 [问题] apache 的proxyangke Fw: [讨论] 电子商务的架构iphone2000 [闲聊] 自己刻or套模板qmi989 [问题] css 选单从水平变成垂直ntu203 [问题] 动画：模拟质点的运动jumbajuice