如何在图像的中心插入文本

Question

请你告诉我在图像中间写一个文字？我应该不使用div标签。我可以使用h：panelGroup或primefaces标签成功吗？我使用标签创建了我的图像？

最诚挚的问候 阿尔珀

Answer 1

试试这个

<h:panelGroup style="display:block; text-align:center; background-image: url(./images/yourImage.png); background-repeat: no-repeat; background-position: center;">
    <h:outputText value="TEST" />
</h:panelGroup>

注1：在背景图片网址中设置正确的路径，根据需要添加图片大小，如果需要，添加垂直对齐。

注意2：您可以在css中移动样式并使用styleClass中的h:panelGroup属性。