<分区>
HTML
<span class="symbol">$</span>
<span class="value">400</span>
这会在同一级别显示“$”和“400”。
我添加的那一刻
CSS
.symbol {
font-size: 2em;
}
然后，“400”被下推。
问题:为什么“400/.value”会受到“$/.symbol”更改的影响？
谢谢。
<分区>
HTML
<span class="symbol">$</span>
<span class="value">400</span>
这会在同一级别显示“$”和“400”。
我添加的那一刻
CSS
.symbol {
font-size: 2em;
}
然后，“400”被下推。
问题:为什么“400/.value”会受到“$/.symbol”更改的影响？
谢谢。
最佳答案
这个问题实际上是关于垂直对齐的，可以用
vertical-align:middle
或
vertical-align:top;
覆盖默认基线(默认设置为底部)。
演示:
.symbol {
font-size: 2em;
vertical-align:middle;
}<span class="symbol">$</span>
<span class="value">400</span>关于html - span 将相邻的 span 向下推，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28946503/