css 火狐 table高度

width 是宽度，height才是高度

在使用table表格进行页面布局时，经常使用将表格高度设置style="height:100%"来实现表格高度满屏效果，但在最新的浏览器中经常遇到无效，根本原因在于浏览器使用的工作模式的不同造成的；在Firefox与IE8标准模式下，HTML与Body标签默认是没有高度（即高度为0） ，而是根据其中的内容自适应，如果设置表格的style="height:100%"，达不到全屏效果。

如果td的高大于30px，tr就高了。

<tr> 标签定义 HTML 表格中的行， tr标签是成对出现的,以<tr>开始,</tr>结束。

tr是table row的缩写，tr 元素包含一个或多个th或td元素。

1、首先我们打开我们的myeclipse获取idea这样的编辑器，然后在编辑器中写一个table标签，这里注意给出table的值。

2、然后我们可以在页面中看到此时展示的是没有样式的table样板，此时所有的数据没有经过渲染，比较紧凑，也不是一个页面展示。

3、在table中引入样式标签style来设计table的样式，代码为表示占用屏幕宽度的100%。

4、设置了屏幕展示table宽度后我们可以看到此时展示的样式如下，样式中数据已经充分展开。

5、使用jquery ,在jquery中首先给table一个class属性，然后在JavaScript中通过class属性获取这个table,然后给出样式设计。

6、根据上面的设计我们再经过背景、宽度、高度的设计我们可以设计出一个比较好看的table。

td标签里面的width和height都是起作用的先看td的width吧，某一个td的width是和所处的一列每个td的width都相关的，取其中最大的width作为这一列中每个td的width，这点是让我们最混淆的地方，一定要从全局把握某个td的width，不能从这一个的width设置就断言它的宽度就是多少，这样是不准确的。当我们把每一列的宽度都弄清楚之后，事情就好办了。这时候各个td之间的宽度分配按照第二条中各 tr的height分配规律，有一点不同的是全部是默认的情况下，各td的width不是平均分配，而是根据各自的实际内容按比例分配。再看看td的height设置吧，这个相对简单一点了，不过各个td的height要看这个td所在的行的最大高度来确定这一行的每个td的height，然后各个行的高度情况和tr中的height分配原则是一样的。还有一点要注意，就是td的height和tr的height之间的关系。首先肯定是根据内容的需 要，在这个基础上，再根据设置的值来确定，哪个设置的值大就按照哪个，如果一个设置了值一个没有设置值，那么按照设置值的算。

两种情况:

列宽不固定:

不用设置隐藏, 设置table或table的父标签宽度, 因为会自适应宽度, 只要规定个高就可以了

table tr{

  height:      30px;       /把table标签的行高设定为固定值/

}

2   列宽固定:

  设置隐藏, 如果要设置table或table的父标签宽度, 因超过不会自适应宽度, 每行会折行而破坏宽度, 所以要设置隐藏

table tr{

  height:      30px;       /把table标签的行高设定为固定值, 高度根据自己需求设定/

overflow:   hidden;  /超过隐藏/

}

</table>

<table width="950" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/3jpg" /></td>

</tr>

</table>

<table width="950" border="0" cellspacing="0" cellpadding="0">

<tr>

以上就是关于css 火狐 table高度全部的内容，包括:css 火狐 table高度、table的tr高度，怎么设定、el-tablemax-height动态设置,table显示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！