[問題] 有關 vertical-align

[kisha024 (4545454554)]

各位好

https://jsfiddle.net/rmf4v2ps/
如上連結

我對<img>和<span>都設定了 vertical-align: bottom

但只有<img>有對齊 line-height 的底部，<span>則沒有

想請問一下 是哪裡設定錯了嗎？

謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.142.220.117 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1689859059.A.3A9.html
推 bjqs02: 應該是因為span是行內元素，display:inline-block和
→ bjqs02: line-height:1em ，補上這兩段CSS就可以對齊底部了
→ microloft: 因為span直接繼承了line-height，高度跟容器一樣，
→ microloft: 所以沒有上下空間可移動，加line-height:initial
→ microloft: 就可以回復預設值，inline-block則可有可無。
謝謝兩位　沒想到是span的line-height的關係
※ 編輯: kisha024 (42.77.80.172 臺灣), 07/21/2023 10:27:08