使用<h:outputStylesheet>使<p:outputLabel>组件不可见
使用<h:outputStylesheet>使<p:outputLabel>组件不可见
提问于 2014-11-13 15:42:55
我在JSF中使用的网页有一个相当奇怪的问题。基本上，当我使用h:outputStylesheet标记包括网站的样式表时，表示文档标题的outputLabel组件就会消失。
outputLabel位于页面源中，呈现的属性= true，但它是不可见的。
在netbeans中，我使用的是JSF2.2、PrimeFaces 5.1、OmniFaces 1.8 (尽管页面上没有任何无所不在的标签)。铬版38.0.2125.111米测试。
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:pf="http://primefaces.org/ui"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<h:head>
<title>Activity View</title>
<h:outputStylesheet library="stylesheets" name="main.css"/>
</h:head>
<h:body>
<div id="title" class="pageHeader">
<pf:outputLabel value="Activity: [Title]: [Type]"/>
</div>
<div>
<pf:accordionPanel>
<pf:tab title="Brief" >
<p>
</p>
</pf:tab>
</pf:accordionPanel>
</div>
</h:body>
</html>
下面是CSS：
.pageHeader{
font-size: x-large;
float: left;
margin-right: 10px;}
有人能解释一下为什么会是这样吗？我在网站的其他地方使用过这种模式，没有任何问题。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-11-14 16:00:09
原因是float: left; -您可以通过选择div并在firebug中逐个禁用样式来验证这一点：
浮点使div与描述的here重叠。
所以你可以
- 删除
float: left;。似乎与当前代码没有任何区别。 - 将
style="clear: both"放在下面的div上
还有更多的解决方案，它被称为“清除”。
Stack Overflow用户
发布于 2014-11-14 10:47:34
我不确定这是否能解决这个问题，但你能否试着用下面的标签：
xmlns:p="http://primefaces.org/ui而不是
xmlns:pf="http://primefaces.org/ui"对于outputLabel：
<p:outputLabel />而不是
<pf:outputLabel />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26912733
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号