[討論] div內img的垂直置中
我目前看到最簡單的解法是
div的CSS如是設定:
display:table-cell;
line-height: <同div高度> ;
img的CSS:
vertical-align: middle;
IE6甚麼的我不想管啦...
IE都已經出到9 Fx和Chrome的版本都超過6了
現在是可以安穩地忘記黑歷史的時候了
讓我們把重心放在IE8以後的世界吧。
言歸正傳 不過我發現 如果div的高度是百分比
例如100%, line-height就會不知道該設多少
設成百分比也不行 因為百分比是指文字大小的比例
垂直置中的效果就因此而失敗。
如果真的沒有其他好的CSS解 那我可能還是要用js算了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.121.160.84
※ 編輯: StarTouching 來自: 59.121.160.84 (10/29 15:32)
推
10/29 17:37, , 1F
10/29 17:37, 1F
→
10/30 11:25, , 2F
10/30 11:25, 2F
→
10/31 22:16, , 3F
10/31 22:16, 3F
→
11/05 22:47, , 4F
11/05 22:47, 4F