该图像正在显示,但是无论我使用的宽度或高度值如何,都无法调整大小。你有吗?谢谢。
<ui:with field='res' type='com.hellomvp.client.resources.MyResources'/>
<ui:style>
.fortaImage { width:'50px'; height:'50px';}
</ui:style>
<g:DockLayoutPanel unit='EM'>
<g:north size="10">
<g:FlowPanel>
<g:Image styleName='{style.fortaImage}' resource='{res.fortaLogo}'/>
<g:InlineLabel>FortaService</g:InlineLabel>
<g:ListBox></g:ListBox>
<g:InlineLabel>DateIn</g:InlineLabel>
<d:DateBox></d:DateBox>
<g:InlineLabel>DateOut</g:InlineLabel>
<d:DateBox></d:DateBox>
<g:Button>Cerca</g:Button>
</g:FlowPanel>
</g:north>
</g:DockLayoutPanel>
最佳答案
使用<g:Image resource="..."/>
时,GWT使用背景图像。在CSS 2.1中无法调整背景图片的大小。 (我真的希望有可能!)
您所能做的就是在服务器上使用图像的50x50px版本,或者使用<g:Image url="..."/>
。这将创建普通的<img src="..."/>
而不是背景图像,但是您不能在此处指定ClientBundle资源。