Css 如何设置h:panelGrid中一行的高度
我想在h:panelGrid中设置一行的高度Css 如何设置h:panelGrid中一行的高度,css,jsf-2,Css,Jsf 2,我想在h:panelGrid中设置一行的高度 <h:outputText value="This row"/> <h:outputText value=" is ok"/> <h:outputText value="This row" style="height: 25px"/> <h:outputText value=" is ok" style="height: 25px"/> <h:outputText value="This ro
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" style="height: 25px"/>
<h:outputText value=" is ok" style="height: 25px"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" id="customheight"/>
<h:outputText value=" is ok" id="customheight"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
我怎样才能做到这一点
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" style="height: 25px"/>
<h:outputText value=" is ok" style="height: 25px"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" id="customheight"/>
<h:outputText value=" is ok" id="customheight"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
以下是我的css类:
.height8 {
height: 8px;
}
.height0 tr td{
height: 0%
}
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" style="height: 25px"/>
<h:outputText value=" is ok" style="height: 25px"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" id="customheight"/>
<h:outputText value=" is ok" id="customheight"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
页面代码:
<h:panelGrid columns="2" columnClasses="height8, height8" rowClasses="height8">
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" styleClass="height0"/>
<h:outputText value=" height should be different" styleClass="height0"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
</h:panelGrid>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" style="height: 25px"/>
<h:outputText value=" is ok" style="height: 25px"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" id="customheight"/>
<h:outputText value=" is ok" id="customheight"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
样式类高度0在这里似乎不起作用。如何设置h:panelGrid中特定行的高度 更改以下样式类应该有效
.height0 tr td{
height: 0px; //or what ever height you want to set to this row.
}
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" style="height: 25px"/>
<h:outputText value=" is ok" style="height: 25px"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" id="customheight"/>
<h:outputText value=" is ok" id="customheight"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
你有两条路:
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" style="height: 25px"/>
<h:outputText value=" is ok" style="height: 25px"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" id="customheight"/>
<h:outputText value=" is ok" id="customheight"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
内联样式:
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" style="height: 25px"/>
<h:outputText value=" is ok" style="height: 25px"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>
<h:outputText value="This row" id="customheight"/>
<h:outputText value=" is ok" id="customheight"/>
<h:outputText value="This row"/>
<h:outputText value=" is ok"/>