作者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/cn.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