代码之家  ›  专栏  ›  技术社区  ›  Justian Meyer

使div在HTML表中正常工作

  •  0
  • Justian Meyer  · 技术社区  · 14 年前

    我目前正在做一个经济学项目,指南中建议使用一个web组件,所以我就跳了进去。

    基本上,我得画出一张美国预算赤字的图表,并描述一些关键日期。

    现在,这个表是完美的,除了我的div(我的条)没有在它们相应的单元格中正常显示。

        Column
     ------------
    |            |
    |            |
    |            |
    |            |
    |            |
    |            |
    |            |
    |  --------  |
    | |        | |
    | |  Div   | |
    | |        | |
    | |        | |
    | |        | |
    | |        | |
     ------------
    

    页面可在以下位置找到: here .

    2 回复  |  直到 7 年前
        1
  •  2
  •   MiloTheGreat    14 年前

    总的超干净的方法是把整页都写在div中。

    问题是DIV没有内容。我个人会创建一个1px高的“垫片”到你想要的颜色(颜色),然后发送高度%到批准的高度。(这也可以在javascript(或jquery)客户端中更改,这将在更多浏览器中呈现,并且可以为填充程序等添加光泽。

    这是有效的:

    <td style="vertical-align:bottom">
            <div width="30" style="background-color:#FF0000; height:50%;">&nbsp;</div>
    </td>
    

        2
  •  2
  •   Kangkan    14 年前

    我注意到您正在将div的高度设置为HTML属性。这不管用。在“样式”属性中设置高度,并使用单位,如 style="height: 234px"