<h：graphicimage>垂直对齐</h：graphicimage>

Question

我有这张图片：

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

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

手动添加（例如通过firebug） align =＆＃34; absmiddle＆＃34; 到生成的<img/>标记确实有效。然而，将它添加到graphicImage标记中，什么都不做。

Answer 1

自1998年HTML 4.01起，样式/定位元素/属性（如font，center，align，bgcolor等已弃用。让自己保持最新状态。你应该使用CSS。

通过内联样式（不良做法）将CSS vertical-align属性设置为middle

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

或由元素上的样式类（推荐练习）或者父元素

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

with /resources/css/style.css

.someSensibleClassName {
    vertical-align: middle;
}