GWT - 第一步 - Div+label+css 样式答案

【问题标题】：GWT - First Steps - Div+label+css styleGWT - 第一步 - Div+label+css 样式
【发布时间】：2010-10-26 23:48:08
【问题描述】：

我开始使用 GWT 制作应用程序。现在，我使用 AbsolutePanel 小部件来描述“div”。在此之后，我创建一个标签（应该是一个跨度？），我添加到这个面板，我将一个 css 类应用于 div。

这是代码：

public void onModuleLoad() {
    AbsolutePanel contenitore = new AbsolutePanel();
    final Label label = new Label("Hello, GWT!!!");
    contenitore.setStyleName("contenitore");
    contenitore.add(label);

}

// css
body {background:#999999;}
.contenitore{ background-color:#333333; width:980px; margin-left:auto; margin-right:auto; overflow:auto;}

不幸的是，它没有得到 div 的 css 属性，而且我看不到标签。为什么？而且，有什么变化可以看到（我在 netbeans 上使用 gwt 调试）生成的 html 代码是什么？干杯

【问题讨论】：

标签： css gwt html

【解决方案1】：

关于您的示例的一些提示：

将AbsolutePanel 添加到RootPanel

RootPanel.get().add(contenitore);

Label 类创建一个<div> 元素。如果您正在寻找<span>，请查看InlineLabel
要查看如何在 GWT 中处理 css，请查看 this 或查看 UiBinder

希望对您有所帮助。

【讨论】：

感谢您的回复。啊所以标签类创建一个div？好的。但是，如果我创建 2 个标签（例如 label1 和 label2）并且我需要将 label2 添加到 label1 中怎么办？方法 .add 在标签方法上不可用。
Labels 用于在<div> 中显示一些文本，如果您想要<div> 添加其他元素到您想要Panel。试试SimplePanel
啊好吧！清楚:) 那么在 HTML 中什么对应于 Label 类？一张桌子？跨度？简单的文字？应该很高兴看到生成的 HTML :)
最后一件事：使用这种方法，我发现我不能在同一个 div 上添加 2 个元素。例如，如果我的 header、header1 和 header2 是 SimplePanel，我不能做 header.add(header1); header.add(header2);为什么？
当然可以。看看FlowPanel 或HTMLPanel。