作者heavenbetula (綠草)
看板Web_Design
標題[問題] img在td中的min-width min-height
時間Sun Oct 19 12:12:26 2014
書上的例子是:
在td中放入一個圖片 width="200" height="150"
並且在td中限制 min-width="150px" min-height="200px"
然後我是用firefox來瀏覽
想請問為什麼我看到的情形是圖片依然是200x150?(因為我覺得應該是200x200吧......)
由於圖片寬度 200 比限制的 min-width=150 還大所以正常顯示 200 這沒問題
但是不懂圖片高度 150 比限制的 min-height=200 還小,怎麼沒限制在200?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.231.185.35
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1413691949.A.B69.html
1F:推 CrazyAngel: table沒有min-height min-width 10/19 13:55
疑?可是如果td內是文字的話,設min-width的話有效耶
※ 編輯: heavenbetula (36.231.185.35), 10/19/2014 14:18:33
2F:推 Kenqr: 測試結果,min-width對td有效,min-height則無效 10/19 15:34
3F:→ Kenqr: 不過以你的例子來說,即使min-height有效,也只影響td 10/19 15:35
4F:→ Kenqr: img的height依然會是150,不會填滿td,會留下50的空白 10/19 15:36
6F:→ eight0: 你應該直接設 width 10/19 16:04
感謝各位大大~!我試的結果也是td在min-width有效、min-height無效
而且是在td中是文字的情況下~
換成td中是圖片的話兩種都無效
※ 編輯: heavenbetula (36.231.185.35), 10/19/2014 16:25:58