保持浮动跨度valign中间

Question

我已经做了很多尝试，以保持跨度中间。目前它看起来像：

但我想要那个：

在这里你可以玩：Link

Answer 1

＆＃13;

＆＃13;

.wrapper{
  display:table-row;
}

.image-left{
  width:50px;
  height:50px;
  background-color:grey;
  }

.text-block{
  display:table-cell;
  vertical-align:middle;
}

＆＃13;

<div class="wrapper">
  <div class="image-left">
  </div>
  <div class="text-block">
    <span>One does not simply css.</span>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

每当我需要对齐文本时，我倾向于在span的父元素或文本所在的div中使用display: table-cell和vertical-align:middle。

但实际上有很多方法可以做到这一点。我建议你谷歌一点，看看哪一个最适合你的情况。我更喜欢表格单元格，因为它们会自动调整到行中的所有内容，看起来很干净。

详细信息：http://phrogz.net/css/vertical-align/

您的链接无法正常工作。