【问题标题】:set height of p:tabView设置 p:tabView 的高度
【发布时间】:2017-12-22 03:52:41
【问题描述】:

我正在使用 PrimeFaces,我在页面顶部有一个 tabView,在这个标签面板下有一个页面内容。但是当使用orientation="left"时,标签面板的高度太大了:

如果我使用水平方向,它看起来很好,虽然还有一点边距:

我尝试过覆盖 .ui-tabs-nav 高度,但这似乎没有任何作用。如何设置高度以适合标签内显示的内容?

【问题讨论】:

  • 在浏览器开发者工具中打开页面,查看您的样式更改是否被更具体的选择器实际应用或否决。我很确定后者正在发生。
  • 我找到了 .ui-tabs-left,也尝试过覆盖它(在 html 中的样式标签中),似乎不起作用:s
  • 然后阅读developer.mozilla.org/en-US/docs/Web/CSS/Specificity 并尝试制作一个更具体的选择器...(或相同的选择器,但顺序靠后)

标签: primefaces tabview


【解决方案1】:

我终于使用以下方法解决了我的问题,看起来我遇到了缓存问题:

.ui-tabs-left > .ui-tabs-nav {
    height: auto !important;
}

【讨论】:

    猜你喜欢
    • 2013-05-06
    • 2015-03-16
    • 2017-03-13
    • 2020-08-12
    • 2016-08-21
    • 2020-09-02
    • 2012-05-31
    • 2013-04-27
    相关资源
    最近更新 更多