GWT TableOut在增加填充，字体，边距时隐藏了选项卡

Question

我创建了TabLayoutPanel。如果它的

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner

CSS课程通过填充进行了修改，说 padding: 15px;或font-size: 25px;

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

谢谢bennet。

Answer 1

只是一个猜测（没有看到任何代码），但我敢打赌，您尚未正确添加tablayoutpanel。"布局"面板很棒，但是您必须按照规则进行播放。

确保您的"布局"类型面板的链接一直到" rootlayoutpanel"。

另外，请验证您实际上是在使用" rootlayoutpanel"，而不是" rootpanel"将GWT小部件添加到DOM

RootLayoutPanel.get().add(myTabLayoutPanel);

请参阅此处，特别是标题为"要求水分"one_answers"提供区分"的部分http://www.gwtproject.org/doc/latest/devguideuipanels.html#layoutpanels

Answer 2

.gwt-TabLayoutPanelTabInner是实际tab中显示的label周围的包装器。当您尝试增加padding（例如padding : 'z'px;）时，会发生什么是将标签从各个方面推到" Z"像素，并最终隐藏在封闭的DIV或.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs后面。作为解决方案，您可以调整padding，以免它隐藏在父 div后面或增加父级的size，以便允许tabs取更多padding。