0

我有一个简单的 GWT 应用程序，它在 TextArea 中获取源代码，将其发送到远程编译器，并在其他一些 TextArea 中显示汇编语言输出和编译器错误。下面的代码在 Safari 和 Chrome 中运行良好，但 TextAreas 和 Buttons 没有调整大小以填充 Firefox 中的面板。我可以手动将小部件的大小设置为 100%，这几乎可以接受，但我肯定错过了一些重要的 CSS 知识。我将文档类型设置为严格的 HTML4 DTD（“http://www.w3.org/TR/html4/strict.dtd”）。该应用程序在http://ferret.granberrys.us:8080/Compiler.html运行。

RootLayoutPanel rootPanel = RootLayoutPanel.get();
DockLayoutPanel panel = new DockLayoutPanel(Unit.EM);
codeArea = new TextArea();
codeArea.setText("int main() {return 0};");

DockLayoutPanel outputPanel = new DockLayoutPanel(Unit.EM);
ListBox compiler = new ListBox();
compiler.addItem("Clang/LLVM");
outputPanel.addNorth(compiler, 2);
assemblyArea = new TextArea();
assemblyArea.setText("Asm");

Button compileButton = new Button();
compileButton.setText("Compile");
outputPanel.addSouth(compileButton, 2);
outputPanel.add(assemblyArea);
panel.addEast(outputPanel, 20);

compilerOutput = new TextArea();
compilerOutput.setReadOnly(true);
compilerOutput.setText("Compiler");
//panel.addWest(codeArea, 800);
panel.addSouth(compilerOutput, 10);
panel.add(codeArea);
rootPanel.add(panel);
4

1 回答 1

0

根据您应该使用的文档<!DOCTYPE html>，但我不确定这是否是这里的问题。它也可能是 TextArea 是一个 span 元素，或者至少不是一个 css 块元素。您可以通过添加display:block到特定的小部件来做到这一点。

于 2012-04-23T20:03:14.127 回答