我有一个表格网格,其中包含一个外部表格,该表格包含两列和n行,每个单元格依次填充一个表格。目前,我在div中的每个内部表都有一些填充,内部表有css来应用边框和背景颜色。
这给了我一个布局,我的表格在网格中显示,它们之间有间隔很小的间隙。我遇到的唯一问题是我希望每个表都填充它所在的单元格中的所有可用高度。目前,它们在水平方向上填充宽度,但垂直方向只能包含其内容所需的大小。这给了我桌子之间不均匀的垂直间隙,看起来不太好。内部和外部表以及div的CSS在这里:
sheet.addRule("table.inner {width: 100%; height: 100%; background-color: #F2F2F2; border-width: 1px; border-style: solid; border-color: #666666;}");
sheet.addRule("table.outer {width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #666666;}");
sheet.addRule("div {padding:5; height: 100%;}");
基本上,我明白了:
========= =========
|a | |a |
|a | |a |
|a | |a |
|a | =========
=========
========= =========
| . | |. |
| . | |. |
但我喜欢这个:
========= =========
|a | |a |
|a | |a |
|a | |a |
|a | | |
========= =========
========= =========
| . | |. |
| . | |. |
这一切都发生在应用了HTMLEditorKit的JEditorPane中,所以我没有在浏览器中找到的任何友好功能。有没有办法让我的桌子填满剩余的高度?我尝试过滴水高度:大多数地方都是100%,但没有运气。
感谢您阅读