Question

我正在使用GWTP，我试图在div元素中包含boxcontainer样式。但是，它不起作用。似乎CSS没有正确链接？有任何想法吗？感谢

资源/ Thumbnail.css

.boxcontainer {
  width:100%;
  height:900px;
  border:0px solid #000;
  padding-top:20px;
padding-bottom:5px;
padding-right:15px;
padding-left:15px;
margin: 0px auto -1px auto; 
   background: #000000;
}

Thumbnail.ui.xml（HTML模板）

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
    xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<ui:with field="res" type="com.gw.aaaa.client.presenter.dashboard.ThumbnailResources"/>
    <div ui:field='container' class="{res.style.boxcontainer}"></div>
</ui:UiBinder>

ThumbnailResources.java

public interface ThumbnailResources extends ClientBundle {
public static final ThumbnailResources INSTANCE =  GWT.create(ThumbnailResources.class);
@Source("resources/Thumbnail.css")
ThumbnailStyle style();
}

ThumbnailStyle.java

public interface ThumbnailStyle extends CssResource {
    String boxcontainer();
}

Answer 1

您需要注入您的样式才能被引用。使用：

ThumbnailResources.INSTANCE.style().ensureInjected();

仅在使用<ui:style>时，还会自动注入生成的CssResource。使用<ui:with>时，您引用了外部CssResource，但是您需要注意注入它（当然，如您已经实例化实例化相对ClientBundle。）

Answer 2

而不是

<div ui:field='container' class="{res.style.boxcontainer}">

只需使用：

<div ui:field='container' styleName="boxcontainer">

GWTP（Java）：在div元素上应用CSS样式

2 个答案: