JSF2.0，如何垂直对齐tomahawk数据列表的子项

我在JSF2.0中使用t:datalist来水平对齐图像。但我想在图片下方垂直列出每个图片的属性，现在这些属性也与图片一起水平列出。我使用的代码是：

    <t:dataList var="item" value="#{listItems.dataList}" id="listItems"> 
                        <h:graphicImage url="#{item.prodFileName}" width="100" height="100" />
                        <h:outputText value="#{item.prodName}" />
                        <h:outputText value="#{item.prodPrice}" />
            </t:dataList>

---

我无法在datalist中使用普通html表标记来列出图像下方的名称和价格属性。搜索后发现一个名为f:verbatim的标记，但我也无法使其正常工作。也尝试将html表格标记放入panelGroup中。

将它们用左浮动的

包装，并将行按

放置在图像下方

例如，这个CSS

.box{
浮动：左；
保证金：5px；
填充物：5px；
边框：1px纯色灰色；
}

只确保你有一个

清除：left以便浮动不会超出容器


与问题无关，请记住在JSF2中，
已被弃用。你不应该再使用它了。你也不再需要它了。在JSF1.0/1.1中，为了能够在JSF页面中使用普通HTML标记，该标记是必需的。自从JSF1.2以来，它不再是强制性的。您只需在JSF页面中插入HTML标记即可，而无需修改
，这会像无序列表布局一样垂直显示图像。我需要显示的图像有点像中的图像，名称和价格就在每个图像的下方。啊，对了，添加一些CSS来控制样式。我编辑了这个示例。谢谢。这很有效。我想了解与此上下文相关的其他信息。我有一些没有图像的产品，它们看起来很小。即使没有图像，我也可以插入哪个组件来具有固定大小的框？在CSS中为
提供固定的
宽度
和
高度
。例如增加
宽度：200px；高度：300px
到
.box{}
什么的。我建议你花点时间学习CSS：@BalusC，伙计，你的JSF知识真是传奇！