Question

我正在创建一个小的HTA应用程序，我需要使用table标记进行布局。因为HTA使用旧的IE渲染引擎，所以这是我能让事情发挥作用的唯一方法。

HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="x-ua-compatible" content="IE=9">
        <title>0nurky Hacks</title>
        <link rel="Stylesheet" type="text/css" href="./style.css">
    </head>
<body>
<table id="head">
    <td>#head</td>
</table>

<table id="menu" align="left">
    <td>#menu</td>
</table>

<table id="aside" align="left">
    <td>#aside</td>
</table>

<table id="foot" valign="left">
    <td>#foot</td>
</table>
</body>
</html>

CSS：

body {
    margin:0px;
    padding:0px;
}

table#head {
    background:#000;
    width:100%;
    height:15.5%;
    color:#fff;
}

table#head td {
    padding-left:3%;
    padding-right:3%;
}

table#menu {
    background:gray;
    width:25%;
}

table#aside {
    background:lightgray;
    width:75%;
}

table#foot {
    background:darkgray;
    width:100%;
    height:8.9%;
}

基本上，我已将align="left"放在每个table代码而不是table#head上。

正如您所看到的那样，第四个table未对齐到底部，即使它是width 是100％，但它与左对齐，触及第三个table。

〜我知道人们会说，为什么在你可以通过node.js和其他所有东西使用HTA。〜我正在为我的朋友做这件事。是的。

提前感谢大家。

Answer 1

这很容易。

将此添加到您的CSS代码中：

.jump {
    display:inline-block;
    height:25px;
}

...这是第4个表之前的HTML代码：

<div class="jump"></div>

你去了，这就是它的样子：

Answer 2

这是你要找的吗？将第4个表格推到页面底部？

另请align=""

属性定义

align = left | center | right | justify [CI]

已过时。此属性指定其元素相对于周围上下文的水平对齐方式。可能的值：

left：文本行呈左齐齐。

center：文本行居中。

右：文本行向右齐平。

证明：文本行与两个边距都是对齐的。

默认值取决于基本文本方向。对于从左到右的文本，默认为align = left，而从右到左文本，默认为align = right。

body {
  margin: 0px;
  padding: 0px;
}

table#head {
  background: #000;
  width: 100%;
  height: 15.5%;
  color: #fff;
}

table#head td {
  padding-left: 3%;
  padding-right: 3%;
}

table#menu {
  background: gray;
  width: 25%;
}

table#aside {
  background: lightgray;
  width: 75%;
}

table#foot {
  text-align: center;
  background: darkgray;
  width: 100%;
  height: 8.9%;
}

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <meta name="x-ua-compatible" content="IE=9">
    <title>0nurky Hacks</title>
    <link rel="Stylesheet" type="text/css" href="./style.css">
  </head>

  <body>
    <table id="head">
      <td>#head</td>
    </table>

    <table id="menu" align="left">
      <td>#menu</td>
    </table>

    <table id="aside" align="left">
      <td>#aside</td>
    </table>

    <table id="foot" valign="left">
      <td>#foot</td>
    </table>
  </body>

</html>

第4表不对齐底部

2 个答案:

已过时。此属性指定其元素相对于周围上下文的水平对齐方式。可能的值：