html浮动底部

Question

我想让文本浮动到现有标签的右下角。

我仍在使用旧的学校表格（编辑现有代码）。我的代码是这样的：

<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”的文字显然并不明显。如何让它始终保持在右下角？

Answer 1

使用表格执行此操作的常用方法是

• 创建第二行为
• 该行（及其中的单元格）指定固定高度
• 将文本放入第二行的右侧列中

执行此操作的一种 CSS 方法（没有表格）将是

• Give您想要将文本放置在 position:relative 右下角的容器
• 将文本包裹在 中
• 指定跨度 position:absolute;底部：0px；右：0px

Answer 2

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

Answer 3

试试这个：

    <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>

Answer 4

要使其浮动到包含它的数据单元格的右下角，您可能可以这样做

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