<h:graphicImage>垂直对齐

Question

我有这个图像:

<h:graphicImage library="images" name="lighton.png" height="22" rendered="#{mController.dothat}" />

我需要垂直对齐一个字段.

手动添加(例如通过firebug)align ="absmiddle"到生成的<img/>标签确实有效.然而,将它添加到graphicImage标记,什么都不做.

Answer 1

造型/定位元素/属性,如font,center,align,bgcolor,等被弃用在1998年,因为HTML 4.01让自己保持最新状态.你应该使用CSS.

将CSS vertical-align属性设置为middle,通过内联样式(糟糕的做法)

<h:graphicImage ... style="vertical-align: middle;" />

或者通过元素上的样式类(推荐实践)或者父元素

<h:outputStylesheet name="css/style.css" />
...
<h:graphicImage ... styleClass="someSensibleClassName" />

内 /resources/css/style.css

.someSensibleClassName {
    vertical-align: middle;
}