GWT Uibinder图像显示但不能调整大小

此图像显示，但我无法调整它的大小，无论我使用的宽度或高度值如何。任何thougt？谢谢。GWT Uibinder图像显示但不能调整大小

<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>

来源

2010-11-18 ramon_salla

我在另一个线程中描述了这一点。它适用于来自ClientBundle资源的图像[link]（http://stackoverflow.com/a/10333993/904820） – Hussar 2012-04-27 11:21:39

当您使用<g:Image resource="..."/>，GWT使用的背景图像。背景图片不能在CSS 2.1中调整大小。（我真的希望它是可能的！）

所有你可以做的是或者有一个50x50px版本的图像在服务器上，或使用<g:Image url="..."/>来代替。这将创建一个正常的<img src="..."/>而不是背景图像，但您无法在此处指定ClientBundle资源。

来源

2010-11-18 18:29:32

addStyleNames="{style.fortaImage}"

不

styleName='{style.fortaImage}'

来源

2010-11-18 18:23:12

styleName和addStyleNames都是可能的。 – 2010-11-18 18:32:29

可能，但styleName会覆盖所有以前的类名称，而不是添加其他样式名称。 “使用styleName属性可以覆盖任何设计小部件默认设置的CSS（就像在代码中调用setStyleName（）一样）或者，要添加类名而不用在样式设置中打开小部件的烘焙，请使用特殊的addStyleNames属性：”http：/ /code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Hello_Stylish_World无论如何，毕竟这不是OP的问题。 – 2010-11-18 19:04:56

GWT Uibinder图像显示但不能调整大小

回答

相关问题