[問題] 如何讓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