垂直对齐文本中固定宽度的div和浮法

Question

我有一个情况，我需要垂直对齐文本，其具有一个div内：

1. 固定宽度
2. 多行文本
3. 甲float applied

这是一个使用display：table-cell;这将无法工作，因为没有浮动，这是我需要：

CSS: 

.noFloat { 
    width:200px; 
    height:200px; 
    border:1px solid black; 
    vertical-align:middle; 
    display:table-cell; 
} 



HTML: 

<div class="noFloat"> 
    Here is some content for my div. Here is some more content for my div. 
</div> 

下面是使用行高的例子：;这将行不通，因为有其最终被乱七八糟多行文本：

CSS: 

.lineHeight { 
    width:200px; 
    height:200px; 
    line-height: 200px; 
    border:1px solid black; 
} 



HTML: 

<div class="lineHeight"> 
    Here is some content for my div. Here is some more content for my div. 
</div> 

下面是使用显示的一个示例：表细胞;

CSS: 

.withFloat { 
    width:200px; 
    height:200px; 
    border:1px solid black; 
    vertical-align:middle; 
    display:table-cell; 
    float: left; 
} 


HTML: 

<div class="withFloat"> 
    Here is some content for my div. Here is some more content for my div. 
</div> 

这里是所有3个例子：http://jsfiddle.net/BJGh5/3/

Answer 1

如果我理解正确的话，你就需要设置一个浮动，不会因为浮动，在顶部对齐的一切工作集装箱分区。一个垂直对齐，一个浮动。