【问题标题】:Adjust the size of tab header are in primefaces调整选项卡标题的大小在 primefaces
【发布时间】:2016-06-03 22:32:51
【问题描述】:

如何在primefaces中调整tabView的header高度大小?例如,在链接http://www.primefaces.org/showcase/ui/panel/tabView.xhtml 中有许多带有“神父 I”、“神父 II”等标题的选项卡,我只想单独调整标题部分的高度,而不是整个选项卡的高度。

编辑:例如:将 height 属性添加到 <p:tabView> 会增加整个选项卡高度,而不是选项卡标题/标题部分高度。

【问题讨论】:

  • 单独的标题部分的高度,而不是整个标签的高度”是什么意思?与标签页大小相同的更大文本?
  • @Geinmachi 为了便于理解,在视觉上,标签分为两部分 - 标题部分,只有标签标题(如果有多个标签,我们点击标题打开标签),以及包含选项卡内容的正文部分。
  • PrimeFaces(和 jsf)在这方面只不过是一个 html 生成器。只需查看客户端 html 并尝试使用浏览器开发人员工具来找到答案...但是您必须学习一些基本的 css (如答案中所见(其中应该包含一些关于这是一个 al简单的 css/html 相关问题,没有特定于 PF 的内容(在开始 Web 开发之前先了解这些底层 html 和 css 技术的基础知识和中间知识)(除了 PF 以某种方式生成 html)

标签: css primefaces


【解决方案1】:

你可以通过使用这个 css 样式来做到这一点

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    height: 200px;
}

【讨论】:

    猜你喜欢
    • 2022-01-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多