Vaadin TabSheet 选项卡大小

【问题标题】：Vaadin TabSheet tab sizeVaadin TabSheet 选项卡大小
【发布时间】：2010-07-19 23:12:10
【问题描述】：

我有一个 Vaadin TabSheet 并创建了 4 个选项卡，但我希望所有这 4 个选项卡分布在我的 Tabsheet 的整个宽度上。目前它们只跨越大约 50% 的宽度。

我已经在选项卡对象以及选项卡对象上尝试了 setSizeFull()、setWidth("100%")，但它没有帮助。

如果有人知道怎么做，请告诉我。

谢谢妲己

【问题讨论】：

标签： vaadin

【解决方案1】：

对于非常粗暴的方法，您可以尝试以下方法：

.v-tabsheet-tabitemcell {
    width: 25%;
}

.v-tabsheet-tabitem .v-caption {
    width: auto !important;
}

但请注意，这可能会破坏某些浏览器中的某些内容，尤其是在旧版 IE 中，因此请务必彻底测试。

哦，那是你需要在自定义主题中包含的 CSS，如果从上面的 sn-p 中看不出来的话：)

【讨论】：