文本vertical-align不起作用

Question

我正在创建一些块，其中一个向左浮动，另一个向右浮动，文本块相同。

现在我要做的是垂直对齐文字，但是：

display: table-cell; vertical-align:middle;

不起作用，我不能使用行高（因为它不是一行）：

line-height: value of div; 

如果有人能指出我正确的方向，那就太好了。我创造了一个小提琴：

http://jsfiddle.net/hjHNL/

Answer 1

尝试这样的事情：

div#loading {
padding-top:200px;
position: absolute;
top: 35%;
left: 45%;
margin-left: -(Y/2)px;
margin-top: -(Y/2)px;
z-index: 1;
font-family:Arial,Helvetica,sans-serif;
}

您可以将“padding-top”设置为px或％，但要确保位置是绝对的。听起来你正在寻找的是将图片旁边的文字向下移动以进行对齐。我在为朋友设计的网站中使用了上述代码。您可以在以下位置查看结果：

Showing alignment of divisions text and images inside a division.

我希望这会有所帮助。

Answer 2

您需要一个具有

的容器

display:table

里面有一个表格单元格

http://jsfiddle.net/hjHNL/2/

Answer 3

垂直对齐并不像你将它漂浮到右边。将div放在容器中，然后浮动该容器。

Answer 4

我发现最简单的方法是将此添加到您的css类content_case_copy

.content_case_copy{ 
    width:160px;
position: relative; /*this*/
  top: 50%; /*and this*/
vertical-align:middle;

http://jsfiddle.net/hjHNL/3/