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方式（没有表格）将是

将要放置文本的容器放在position: relative
将文字换入<span>
提供范围position: absolute; bottom: 0px; right: 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>

html浮动底部

4 个答案: