增加gwt树中树木之间的空间

Question

我是css和gwt小部件样式的新手。 我有一个gwt树小部件，我想增加树项目之间的空间以及每个树项目的大小。我应该采用什么样的方式来做到这一点？

Answer 1

几乎每个GWT小部件都应用了一些样式。要找出已应用于Tree的CSS类，您应该查看其javadoc。请注意CSS Style Rules部分：

  

<强> .gwt树
  树本身

     

.gwt-Tree .gwt-TreeItem
  树项目

     

.gwt-Tree .gwt-TreeItem-selected
  选定的树项目

您最有可能想要为.gwt-Tree .gwt-TreeItem规则添加一些规则：

.gwt-Tree .gwt-TreeItem {
    margin: 10px; /* Or maybe padding: 10px; */
    /* Increase the font size, etc. */
}

将其放入您的CSS文件或HTML文件中的<style>部分。

如果你在javadoc中找不到CSS类，请使用Firefox的Firebug或Chrome的开发者工具或浏览器提供的任何内容来检查DOM并找出哪些类适用于你感兴趣的小部件。当然，你可能想要添加自己的样式，而不是覆盖GWT的样式 - 因为如果你覆盖GWT，那么全局的那些你所有类型的小部件都会应用这种样式。请参阅GWT文档中的Css Styling部分。