[問題] img在td中的min-width min-height

看板Web_Design作者 (綠草)時間11年前 (2014/10/19 12:12), 11年前編輯推噓3(3推 0噓 3→)
留言6則, 3人參與, 最新討論串1/1
書上的例子是： 在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://www.ptt.cc/bbs/Web_Design/M.1413691949.A.B69.html
推
10/19 13:55, , 1F
table沒有min-height min-width
10/19 13:55, 1F
疑？可是如果td內是文字的話，設min-width的話有效耶 ※ 編輯: heavenbetula (36.231.185.35), 10/19/2014 14:18:33
推
10/19 15:34, , 2F
測試結果，min-width對td有效，min-height則無效
10/19 15:34, 2F
→
10/19 15:35, , 3F
不過以你的例子來說，即使min-height有效，也只影響td
10/19 15:35, 3F
→
10/19 15:36, , 4F
img的height依然會是150，不會填滿td，會留下50的空白
10/19 15:36, 4F
推
10/19 16:04, , 5F
http://x.co/5ewCJ 因為 table 的寬高是由內容決定的，
10/19 16:04, 5F
→
10/19 16:04, , 6F
你應該直接設 width
10/19 16:04, 6F
感謝各位大大~!我試的結果也是td在min-width有效、min-height無效 而且是在td中是文字的情況下~ 換成td中是圖片的話兩種都無效 ※ 編輯: heavenbetula (36.231.185.35), 10/19/2014 16:25:58
‣ 更多 heavenbetula 的文章
文章代碼(AID): #1KGpejjf (Web_Design)