Question

我对CSS很新，而不是很多设计师，但我正在尝试将它添加到我制作的一些JSF无线电选择项目中，但我无法得到我需要的东西。

我试图让它们在每个项目下均匀显示，所有这三个项目看起来都是这样的：

<h:selectOneRadio type="reset" id="SelectNativity" value="#{searchBean.nativity}" rendered="#{searchBean.byNativity}" styleClass="searchByOtherRadio">
<f:selectItem itemValue="1" itemLabel="Native"><br/></f:selectItem>
<f:selectItem itemValue="2" itemLabel="Nonnative"></f:selectItem>
<f:selectItem itemValue="3" itemLabel="Both Native and Nonnative in parts of its US range"></f:selectItem>
</h:selectOneRadio>

，CSS看起来像这样：

.searchByOtherRadio{
    font-family: Verdana; 
    font-size: small; 
    color: #000;
    padding-left:20px;
    width: 75%;}

基本上，我怎样才能让耶稣诞生的第二项能够接近第一项？我怎样才能使用css将第二项在入侵和联邦法律地位下排在第二项的耶稣诞生之下？

感谢。

Answer 1

使用layout上的h:selectOneRadio属性作为pageDirection，不需要CSS。

layout有两种可能的值：

lineDirection - 水平方向
pageDirection - 垂直方向。

默认值为lineDirection。

<h:selectOneRadio layout="pageDirection"  type="reset" id="SelectNativity"  styleClass="searchByOtherRadio">
    <f:selectItem itemValue="1" itemLabel="Native"></f:selectItem>
    <f:selectItem itemValue="2" itemLabel="Nonnative"></f:selectItem>
    <f:selectItem itemValue="3" itemLabel="Both Native and Nonnative in parts of its US range"></f:selectItem>
</h:selectOneRadio>

Answer 2

所以我可以通过添加：

来做到这一点

display: block;到我发布的CSS。

 

上的文字之后的几个ItemLabel="XYZ"

用CSS排列广播项目

2 个答案: