浮动文本的垂直对齐

我需要一些浮动文本以充满文本的表格单元垂直居中。此代码仅适用于单行，否则将失去对齐。浮动文本的垂直对齐

<table style="border: 1px solid red; width: 100%;"> 
    <tr> 
     <td> 
      Content.</br>Content.</br>Content.</br>Content.</br>Content.</br> 
      <span style="line-height: inherit; float: right; vertical-align: middle;">Float</span> 
     </td> 
    </tr> 
</table>

我恐怕不能用任何其他方式来解决这个问题其他然后float元素（例如，没有其它列），但我会approciate任何建议。

测试代码：http://jsfiddle.net/x49rv6dz/

来源

2014-09-04 SubjectDelta

使用位置绝对？ http://jsfiddle.net/x49rv6dz/8/ – danielcooperxyz 2014-09-04 16:31:38

为什么“可能不能”？你还是不允许更改html并设置另一个单元格？ – LcSalazar 2014-09-04 16:37:47

这个表是动态的，绝对位置不能做到这一点。我不能设置一个新的列，但我可以编辑代码，因为我喜欢 – SubjectDelta 2014-09-04 17:21:18

嵌套表不正是我需要的，但我不喜欢它在我的代码（太多的表）。我仍然开放给任何建议...

<table style="border: 1px solid red; width: 100%;"> 
    <tr> 
     <td> 
      <table style="border-collapse: collapse; border: 0px; width: 100%;"> 
       <tr> 
        <td> 
         Content.</br>Content.</br>Content.</br>Content.</br>Content.</br> 
        </td> 
        <td> 
         <span style="line-height: inherit; float: right; vertical-align: middle;">Float</span> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

测试代码：http://jsfiddle.net/oucL931d/

来源

2014-09-05 07:23:45 SubjectDelta

浮动文本的垂直对齐

回答

相关问题