3

我使用以下编码来对齐底部的表格，但它无法正常工作

<!DOCTYPE html>
  <html>
    <head>
      <title></title>
    </head>

    <body bgcolor="black">
      <div class="footer">
        <table border="1" bottom="0px">
          <tr>
            <td width="600px" align="right">
              <input type="image"  align="center" id="verify1" src="proceed1.png" disabled="disabled"  width="90" height="90""/>
            </td>
            <td width="500px" align="right">
              <label id = "l2"  style = "color:white;font:normal 20px chalkdust;">NEXT QUESTION</label>
              <div id="sample4" style="float: right;">
            </td>
            <td>
              <input type="image" id="next" src="arrow.png"  disabled="disabled" name="image2" width="80" height="80">
            </td>
          </tr>
        </table>
      </div>
  </body>
</html>

任何人都可以帮助它在页面底部对齐。

4

2 回答 2

6

在 CSS 中使用底部对齐。这将仅对齐 div 而不是表格。您的表格将对齐，因为它在 div 内。

position: absolute;
bottom:0px;
于 2012-07-11T17:18:47.443 回答
0

您应该为页脚 div 分配绝对位置或固定位置和底部 0 和左侧 0 以及宽度和高度

看到这里 jsfiddle

或谷歌粘性页脚，以防上述内容不能满足您的需求

于 2012-07-11T16:59:47.817 回答