Как выровнять поле значка по верхнему краю, взяв в качестве ссылки компонент Primefaces
Как выровнять поле значка по верхнему краю - Primefaces 3.2 с JSF2.
Я имею дело с комбинированным списком, который представляет сложную концепцию бизнес-логики на стороне пользователя. Таким образом, поле будет иметь значок (ссылка с графическим изображением), который вызывает объяснение, чтобы пользователь лучше понял концепцию. Проблема в том, что значок не остается выровненным вверху, принимая в качестве ссылки высоту поля (поле со списком). ниже есть код и изображение текущего представления.
Код:
<h:outputLink id = "stockBlockedProductsWithAllStockBlockedInfo" value = "#">
<p:graphicImage library = "images" name = "information.png" width = "16px"/>
</h:outputLink>
<p:tooltip for = "stockBlockedProductsWithAllStockBlockedInfo"
showEffect = "slide" hideEffect = "slide" >
<span style = "white-space: nowrap">
<h:outputText escape = "false" value = "#webcore_view['Informação']}"/>
</span>
</p:tooltip>
Обратите внимание, что значок информации (i) выровнен по нижней части поля.
Спасибо всем!
Я этого не сделал, но я попытался установить выравнивание стиля непосредственно в компоненте p: graphicImage, но безуспешно.
Ответы 1
Объясню, как я решил эту задачу:
Я установил вертикальное выравнивание стиля непосредственно по компоненту.
И было довольно просто просто добавить правильное выравнивание стиля:
style = "vertical-align: top;"
Правильный код выглядит так:
<h:outputLink id = "stockBlockedProductsWithAllStockBlockedInfo" value = "#">
<p:graphicImage library = "images" name = "information.png" width = "16px"
style = "vertical-align: top;"/>
</h:outputLink>
<p:tooltip for = "stockBlockedProductsWithAllStockBlockedInfo"
showEffect = "slide" hideEffect = "slide" >
<span style = "white-space: nowrap">
<h:outputText escape = "false" value = "#webcore_view['Informação']}"/>
</span>
</p:tooltip>
Пытался просмотреть сгенерированный клиентский html и применить CSS через инструмент разработчика браузера?