css – 如何将图标放在GXT按钮的中心

2023年5月1日 195次阅读

嗨,我正在研究GXT

我有一个带图标的按钮.

我想把Icon放在中心位置.

目前它看起来像这样.

按钮的图标在左侧(因为IconAlign.LEFT).

我希望它在中心.但没有像IconAlign.CENTER那样的东西

如果有人知道在代码中添加什么.请分享

码

button.setIconAlign(IconAlign.LEFT);
button.setIcon(Resources.INSTANCE.modify());
button.setStyleName("project-Button");

CSS

.project-Button {
    color: Black;
    border: thin outset #FF6600;
    font-family: Courier New, Century Gothic, Times New Roman, Verdana, Arial;
    vertical-align: middle;
    text-align: center;
    background-color: White;
    cursor: pointer;
}

先感谢您

更新

public interface Resources extends ClientBundle {

    public Resources INSTANCE = GWT.create(Resources.class);

     @Source("Images/modify.png")
     ImageResource modify();
}

最佳答案 用过这个.它工作正常.

vertical-align: middle;
text-align: center;
background-position:30% 70%;
点赞