作者kisha024 (4545454554)
看板Web_Design
標題[問題] 有關 vertical-align
時間Thu Jul 20 21:17:37 2023
各位好
https://jsfiddle.net/rmf4v2ps/
如上連結
我對<img>和<span>都設定了 vertical-align: bottom
但只有<img>有對齊 line-height 的底部，<span>則沒有
想請問一下 是哪裡設定錯了嗎？
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.142.220.117 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1689859059.A.3A9.html
1F：推 bjqs02: 應該是因為span是行內元素，display:inline-block和 07/20 22:49
2F：→ bjqs02: line-height:1em ，補上這兩段CSS就可以對齊底部了 07/20 22:50
3F：→ microloft: 因為span直接繼承了line-height，高度跟容器一樣， 07/20 23:00
4F：→ microloft: 所以沒有上下空間可移動，加line-height:initial 07/20 23:00
5F：→ microloft: 就可以回復預設值，inline-block則可有可無。 07/20 23:00
謝謝兩位 沒想到是span的line-height的關係
※ 編輯: kisha024 (42.77.80.172 臺灣), 07/21/2023 10:27:08