相关疑难解决方法(0)

下面的代码(也可以作为JS Fiddle的演示版)不会将文本放在中间,正如我理想的那样.div即使使用margin-top属性,我也找不到任何方法将文本垂直居中.我怎样才能做到这一点？

<div id="column-content">
    <img src="http://i.stack.imgur.com/12qzO.png">
    <strong>1234</strong>
    yet another text content that should be centered vertically
</div>

#column-content {
    display: inline-block;
    border: 1px solid red;
    position:relative;
}

#column-content strong {
    color: #592102;
    font-size: 18px;
}

img {
    margin-top:-7px;
    vertical-align: middle;        
}

我们很多人今天都知道,上了年纪值display像财产inline和block新的灵活盒模型已经在CSS3中被引入后,已经过时.但是,我们可能会在同一个灵活的盒子模型中在网络上找到不同的信息.

我们可能会发现主要存在3种不同的值display,即财产flex,box和flexbox.这三个灵活的盒子模型和使用哪一个有什么区别？