浮動文本的垂直對齊

我需要一些浮動文本以充滿文本的表格單元垂直居中。此代碼僅適用於單行，否則將失去對齊。浮動文本的垂直對齊

<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

浮動文本的垂直對齊

回答

相關問題