当前位置: 首页 > 面试题库 >

在HTML中设置表格的高度无效

康赞
2023-03-14
问题内容

为什么此工作台高度不起作用?

<table border=1 bgcolor="green" width=80% height="30%">
    <tr>
        <td rowspan="2" >
            This is 1st row 1st column
        </td>
        <td >
            2
        </td>
    </tr>
</table>

问题答案:

只需将以下内容添加到您的CSS中:

html, body{
    height: 100%;
}

就像其他人所说的,a
table没有height-attriute,但是大多数浏览器都会反其道而行之。您可以在jsfiddle上看到结果。

您需要执行此操作的原因是,任何应具有%的高度的父元素也必须具有一个高度(如Shadow
Wizard所说:“究竟是什么的30%?”-父元素必须具有一个高度)。



 类似资料:
  • 本文向大家介绍如何在HTML中设置表格宽度?,包括了如何在HTML中设置表格宽度?的使用技巧和注意事项,需要的朋友参考一下 要设置HTML中的表格宽度,请使用style属性。style属性指定元素的内联样式。该属性与HTML <table>标记一起使用,具有CSS属性的宽度。HTML5不支持<table>的width属性,因此CSS属性width与style属性一起用于设置表宽度。 请记住,样式属

  • 问题内容: 我正在尝试将表格列分为两列。我希望最右边的列停靠在页面的右边,并且此列应具有不同的背景色。右侧的内容几乎总是小于左侧的内容。我希望右侧的div始终足够高,以到达其下一行的分隔符。如何使背景色填充该空间? 编辑:我同意这个示例非常类似于表,并且实际表将是一个不错的选择。但是我的“真实”页面最终将变得不像表格一样,我只想首先掌握此任务! 另外,由于某种原因,当我在IE7中创建/编辑帖子时,

  • 我想用chart.js绘制一个水平条形图,但它一直在缩放图表,而不是使用我在脚本中为画布分配的高度。 有没有办法从脚本中设置图形的高度? 参见fiddle:Jsfidle HTML JavaScript

  • 问题内容: 我有一张桌子,应该始终占据屏幕高度的一定百分比。大多数行的高度都是固定的,但我有一排应该伸展以填充可用空间。万一该行中单元格的内容超出了所需的高度,我希望使用overflow:hidden剪切内容。 不幸的是,表和行不遵守max-height属性。(这在W3C规范中)。当单元格中的文本过多时,表格将变高,而不是坚持指定的百分比。 如果我为其指定一个固定的高度(以像素为单位),则可以使表

  • 问题内容: 我得到了一个具有固定宽度和高度的表格单元,并且如果文本太大,单元格大小应保持不变,并且文本应通过overflow:hidden隐藏。 但是,如果添加了太多文本,则表格单元格会扩展到100px以上。有什么技巧可以阻止它扩展吗? 文本的长度应为几行,因此“ white-space:nowrap”解决方案不适用 问题答案: 根据CSS 2.1规则,表格单元格的高度为“内容所需的最小高度”。因

  • 问题内容: 呈现HTML SELECT时,IE似乎忽略了CSS中设置的高度。是否有任何解决方法,还是我们必须接受IE不会像其他浏览器那样好? 问题答案: 除了放弃元素之外,没有其他解决方法。