1

我有一个表格网格，由一个外部表格组成，该表格有两列和 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 中，因此我没有您在浏览器中可能找到的任何友好功能。有没有办法让我的桌子填满剩余的高度？我在大多数地方都尝试过 dropp height:100% 但没有运气。

谢谢阅读

4

0 回答 0