2011-12-07 75 views
1

我想讓文本浮動到現有標記的右下角。html float bottom

我仍在使用舊學校表(編輯現有代碼)。我的代碼是這樣的:

<table border="0" width="100%" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="50%"></td> 
    <td width="50%" valign="top"> 
     <table border="0" width="100%" cellspacing="0" cellpadding="0"> 
      <tr> 
      <td width="100%" valign="top">KEEP UP TOP</td> 
      </tr> 
     </table>FLOAT BOTTOM 
    </td> 
    </tr> 
</table> 

說FLOAT BOTTOM,文本不明顯。如何使它始終停留在右下角?

+0

重複的問題:http://stackoverflow.com/questions/499829/css-wrap-text-around-a-bottom-right-div – ScottS

+0

底部是什麼? td?桌子?它應該重疊內表嗎?你想達到什麼目的? –

回答

0

使用樣式{style="vertical-align:baseline; text-align:right"}

0

試試這個:

<table border="0" width="100%" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="50%"></td> 
    <td width="50%" valign="top"> 
     <table border="0" width="100%" cellspacing="0" cellpadding="0"> 
      <tr> 
      <td width="100%" valign="top">KEEP UP TOP</td> 
      </tr> 
     </table><p style="position:absolute; bottom:0px; right:0px;">FLOAT BOTTOM</p> 
    </td> 
    </tr> 
</table> 
+0

似乎並沒有做到這一點。我認爲valign = top是搞砸了。 – user1022585

1

的常用方法有桌子做,這是

  • 創建第二行
  • 給該行(和細胞)固定高度
  • 將文字放入右邊在第二行一列

一個CSS方式做到這一點(不表)將

  • 給你想要的文字放在position: relative
  • 包裹的右下角的容器內<span>
  • 文本給跨度position: absolute; bottom: 0px; right: 0px
0

要使它浮到TH Ë包含它的數據單元格的右下角,你可能可以做

<span style="float:right; vertical-align:text-bottom">FLOAT BOTTOM</span> 
+0

由於某種原因,它使它浮在桌子底下,而不是在單元底部。 – user1022585