最新回答 / 慕盖茨5287063
因为demo中三个元素(span1,span2和x)的默认对齐方式都是(baseline)，且span1的font-size最大(span1:50px,span2:20px,x:24px(左右)),所以span1靠最底，以span1的文字底为baseline对齐，反过来，你把span1和span2的font-size数值对换下，那么结果span2就会与底对齐了
2019-04-28
最新回答 / 堇同学
（1）当图片的设置为 top ,文字设置 bottom ： 首先不是说文字会与图片的底部对齐，而是因为图片太高，高于父容器的内容高度，导致图片对齐父容器的内容文字顶部后撑开了父容器，使父容...
2018-11-30
最新回答 / qq_会长大的幸福_4
图片拥有了vertical-align：top属性其意义是图片顶部与父元素顶部对齐，而其他元素并没有特殊的对齐属性，就会依照默认的左上对齐，所以就会显示出来图片下移，整体上移
2018-03-19
最新回答 / qq_会长大的幸福_4
是图片拥有了顶部对齐父元素顶部的属性，那么自然就会顶对齐，而文字及其他元素并没有特殊属性，所以会默认在顶部对齐，就形成了所有元素往上推就是一条的原因右侧是文字，它自身的基线也是相对于自身而言是没有变化，所以并不是右侧基线上去了，而是右侧元素整个上移，另外图片的基线和文字基线并没有关联，它们的baseline属性值都是相对于父级的基线的，所以两者的位置不会相互影响。
2017-09-28