为什么当您将文本添加到两个居中的<div>之一中时，它会垂直移动？
以下是一个示例：click here
使用display:inline-block;以父{div}为中心的text-align:center;的两个子div在它们内部没有任何内容的情况下恰好位于彼此旁边，但只要有一个文本字母就会立即div垂直移动。
只有文字才会发生这种情况。你是如何解决这个问题的？
编辑：这也发生在img元素上。我是唯一发现这种奇怪的人吗？
答案 0 :(得分：1)
您应该vertical-align指定top，bottom或middle ..无论内容如何，都会控制对齐。
编辑：发生这种情况的原因是因为vertical-align默认为baseline，它会尝试对齐内容的基线。例如，两个带有文本的框，一个带有另一个的两倍，将以这样的方式对齐，即使每个框中的最后一行文本彼此垂直对齐。
由于您的一个框没有内容，因此基线设置在框的底部。