gwt tablayout 在增加填充、字体、边距时隐藏选项卡答案

【问题标题】：gwt tablayout hides the tabs when increasing padding, font, margingwt tablayout 在增加填充、字体、边距时隐藏选项卡
【发布时间】：2014-01-31 09:39:14
【问题描述】：

我创建了TabLayoutPanel。如果它的

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner

CSS 类是用填充修改的，比如说 padding: 15px; 或 font-size: 25px;

然后，标签隐藏在浏览器窗口中。这是什么原因以及如何解决这个问题？

谢谢，班纳特。

【问题讨论】：

标签： css gwt uibinder gwtp gwt-tablayoutpanel

【解决方案1】：

只是一个猜测（没有看到任何代码），但我敢打赌你没有正确添加你的 TabLayoutPanel。 “布局”面板很棒，但您必须遵守规则。

确保“布局”类型面板的链接一直到“RootLayoutPanel”。

另外，验证您实际上是在使用“RootLayoutPanel”而不是“RootPanel”来将您的 gwt 小部件添加到 dom

RootLayoutPanel.get().add(myTabLayoutPanel);

请参见此处，特别是标题为“RequiresResize”和“ProvidesResize”的部分 http://www.gwtproject.org/doc/latest/DevGuideUiPanels.html#LayoutPanels

【讨论】：

我正在使用 uibinders，如何使用此规则在 uibinder 中添加布局面板？？

【解决方案2】：

.gwt-TabLayoutPanelTabInner 是实际tab 中显示的label 的包装。当你尝试增加padding（比如padding : 'z'px;）时，会发生什么情况是它从四面八方推动标签“z”像素，最终隐藏在封闭的div或.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs后面。作为一种解决方案，您可以调整padding 使其不会隐藏在父级div 后面，或者增加父级的size 以允许tabs 占用更多padding。

【讨论】：

你说的是好主意。我通过增加条形高度来修复它。对不起，在这里我无法理解“增加父母的大小”，这是什么意思？我正在使用带有 gwtp 的 uibinders，如何将此布局面板添加到 rootlayout 面板。请帮我解决这个问题。
增加封闭父级高度是我应该说的。然后按照其他答案中的建议添加到根布局面板