Css 为什么嵌套在块元素中的几个内联块的innerHTML会影响内联块的定位?

Css 为什么嵌套在块元素中的几个内联块的innerHTML会影响内联块的定位?,css,Css,在这些示例中(注意:确保将结果窗口拖得足够宽) 为什么内联块元素中的文本数量会影响同一div中内联块的位置 如何确保嵌套在块元素内的所有内联块彼此具有相同的垂直对齐方式?在具有显示:内联块的位置添加垂直对齐:顶部 垂直对齐的初始值为基线,这会导致您遇到的问题 阅读本文,尤其是“基线”部分: 比较垂直对齐的常用值的外观:

在这些示例中(注意:确保将结果窗口拖得足够宽)

为什么内联块元素中的文本数量会影响同一div中内联块的位置


如何确保嵌套在块元素内的所有内联块彼此具有相同的垂直对齐方式?

在具有
显示:内联块的位置添加
垂直对齐:顶部

垂直对齐
的初始值为
基线
,这会导致您遇到的问题

阅读本文,尤其是“基线”部分:

比较
垂直对齐的常用值的外观: