jsf - 垂直对齐

Question

我有这张图片：

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

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

手动添加（例如通过萤火虫）align="absmiddle"到生产的<img/>标签确实有效。然而，将它添加到 graphicsImage 标记中，什么也没做。

Answer 1

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

通过内联样式将 CSSvertical-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;
}