添加一个垂直对齐的CSS内容#column-content strong:

#column-content strong {
    ...
    vertical-align: middle;
}

请参见更新后的示例。

=== update ===

在另一个文本周围加上一个span和另一个垂直对齐:

HTML:

... <span>yet another text content that should be centered vertically</span> ...

CSS:

#column-content span {
    vertical-align: middle;
}

请参见下一个示例。

我知道这完全是愚蠢的，你通常不应该在不创建表的时候使用表，但是:

表格单元格可以垂直居中对齐多行文本，甚至在默认情况下也可以这样做。所以一个很好的解决方案可能是这样的:

HTML:

<div class="box">
  <table class="textalignmiddle">
    <tr>
      <td>lorem ipsum ...</td>
    </tr>
  </table>
</div>

CSS(使表项总是适合盒子div):

.box {
  /* For example */
  height: 300px;
}

.textalignmiddle {
  width: 100%;
  height: 100%;
}

在这里看到的: http://www.cssdesk.com/LzpeV

接受的答案不适用于多行文本。

我更新了jsp，以显示CSS多行文本垂直对齐，如下所示:

<div id="column-content">
    <div>yet another text content that should be centered vertically</div>
</div>

#column-content {
    border: 1px solid red;
    height: 200px;
    width: 100px;
}
div {
    display: table-cell;
    vertical-align:middle;
    text-align: center;
}

它也适用于<br />在“yet another…”

为您的文本内容创建一个容器，可能是一个span。

#列内容{ 显示:inline-block; ｝ img { vertical-align:中间; ｝ 跨度{ 显示:inline-block; vertical-align:中间; ｝ /*为视觉目的*/ #列内容{ 边框:1px纯红色; 位置:相对; ｝ < div id = "列内容" > < img src = " http://i.imgur.com/WxW4B.png " > < span > <强> 1234 < / >强 另一个文本内容应该垂直居中</span> < / div >

JSFiddle

安德烈斯·伊里奇说得对。以防有人错过他的评论…

a .)如果你只有一行文本:

div ｛ 身高:200 px; 行高:200 px;/* <——这是必须定义*/的内容 } <div>垂直居中文本</div>

b .)如果你有多行文本:

div ｛ 身高:200 px; 行高:200 px; ｝ 跨度 ｛ 显示:inline-block; vertical-align:中间; 行高:18 px;/* <——调整*/ ｝ <div><span>垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本垂直居中文本

添加一个垂直对齐的CSS内容#column-content strong:

#column-content strong {
    ...
    vertical-align: middle;
}

请参见更新后的示例。

=== update ===

在另一个文本周围加上一个span和另一个垂直对齐:

HTML:

... <span>yet another text content that should be centered vertically</span> ...

CSS:

#column-content span {
    vertical-align: middle;
}

请参见下一个示例。