如何垂直对齐span标签内的东西？ [英] How do I vertically align something inside a span tag?

问题描述

如何让x在范围中间垂直对齐？

  .foo { 
 height：50px; 
 border：solid black 1px; 
 display：inline-block; 
 vertical-align：middle; 
} 
 
< span class =foo> 
 x 
< / span> 
   
 
解决方案
 50px; 而不是height。这应该做的窍门）; 
 
How do I get the "x" to be vertically-aligned in the middle of the span?
.foo {
    height: 50px;
    border: solid black 1px;
    display: inline-block;
    vertical-align: middle;
}

<span class="foo">
   x
</span>

解决方案
Use line-height:50px; instead of height. That should do the trick ;)

                        
这篇关于如何垂直对齐span标签内的东西？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！