css - 增加gwt树中树项之间的空间

Question

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

Answer 1

几乎每个 GWT 小部件都应用了一些样式。找出哪些 CSS 类已应用于 Tree , 你应该看看它的 javadoc .注意 CSS Style Rules部分:

.gwt-Tree
the tree itself

.gwt-Tree .gwt-TreeItem
a tree item

.gwt-Tree .gwt-TreeItem-selected
a selected tree item

您很可能想向 .gwt-Tree .gwt-TreeItem 添加一些规则规则:

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

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

如果您在 javadoc 中找不到 CSS 类，请使用 Firefox 的 Firebug 或 Chrome 的开发者工具或您的浏览器提供的任何工具来检查 DOM 并找出哪些类应用于您感兴趣的小部件。在一些当然，在某些情况下，您可能希望添加自己的样式，而不是覆盖 GWT 的样式 - 因为如果您覆盖 GWT 的全局样式，则该类型的所有小部件都将应用此样式。查看Css Styling GWT 文档中的部分。