2013-02-27 20 views
-1

我有這樣的圖像:的<h:graphicImage>的垂直取向

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

,我需要是垂直對齊的字段。

手動添加(例如通過螢火蟲)align =「absmiddle」到生產的<img/>標籤確實有效。儘管如此,將它添加到graphicImage標籤中卻什麼都不做。像fontcenteralignbgcolor

+0

它會是如果您添加包圍''的JSF/HTML代碼以幫助您,那就太好了。 – 2013-02-27 16:58:42

+0

它被放置正確的「p:commandLink」包圍 – 2013-02-27 17:01:35

+0

看起來像一個CSS問題。檢查提議的解決方案http://www.velocityreviews.com/forums/t156512-css-replacing-img-align-absmiddle.html和http://stackoverflow.com/a/5203632/1065197 – 2013-02-27 17:09:00

回答

8

造型/定位元素/屬性,因爲HTML 4.01的棄用在1998年讓自己保持最新狀態。你應該爲此使用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; 
}