1

私はap：commandLinkを持っています

.button{
    background-image: url(http://www.lefinnois.net/aqua/aqua1.jpg);
    display:inline-block;
    width:150;
    height:50;   
}
<p:commandLink update="media" value="Ok"
    action="#{productView.save}" styleClass="button">
</p:commandLink>

画像化されたボタンがあります。

しかし、ボタン画像の中央に「OK」のテキストを配置したい

あなたのアドバイスは何ですか、私は何かを試しましたが、これまでのところ応答がありません。

jsfがWebプロプラミングプラットフォームであれば、それは可能であるに違いないと思います。

解決済み

内側のオブジェクトを見つけるには、外側のオブジェクトにパディングを追加する必要があります。

最後のコード：

.button{
        background-image: url(http://www.lefinnois.net/aqua/aqua1.jpg);
        display:inline-block;
        text-align: center;
        padding-top:10px;//you must set it according to the height of image
        width:150;
        height:50;   
    }
4

1 に答える 1

2

CSStext-alignプロパティをcenterに設定し、line-heightを要素の高さと同じ高さに設定します。

text-align: center;
line-height: 50px;

ディメンションを含めるように値widthを修正することを忘れないでください。height

width: 150px;
height: 50px;
于 2011-12-20T11:31:10.060 に答える