【发布时间】：2016-04-07 12:39:15
【问题描述】：
我想在 GWT 中创建一个可调整大小的图像。我刚刚找到了可调整大小面板的示例，请参见此处：http://gwt-ext.com/demo/#resizablePanel。 但它不适用于图像。有人可以帮帮我吗？
谢谢！ 乔吉
【问题讨论】：
标签： image gwt image-resizing
【发布时间】：2016-04-07 12:39:15
【问题描述】：
使用the following CSS rules 将图像设置为其容器（例如您的视图）的背景，它会根据需要调整大小。
【讨论】：
-
好的，这仅在小部件不可拖动时有效:(我正在使用 gwt-dnd...你知道可能是什么问题吗？
-
我不认为将容器设置为可拖动会对此产生任何影响。
-
我正在使用 HTML-Widget，在我的 css 中我将图像设置为背景图像，属性 resize:both 和 overflow:auto。调整大小有效！然后我添加dragController.makeDraggable(myhtmlwidget)，小部件是可拖动的，但不再可调整大小！但我想知道，因为显示了调整大小符号。
图像小部件是伪装的<img /> 标签。我发现调整大小的最佳方法是使用 css 类并将其设置为具有宽度和高度的样式名称，或者使用 imageWidget.getElement().getStyle().setWidth 或 setHeight 使用内联样式。在某些情况下可以使用百分比宽度和/或高度值，但这取决于元素显示属性和/或父元素可用大小。
【讨论】：
-
好的，我创建了以下 css：div.resize { background-repeat: no-repeat;背景尺寸：100% 100%；边框：2px 实心；填充：20px；宽度：120px；高度：50 像素；调整大小：两者；溢出：自动； } 然后我设置： insert2.setStyleName("resize");但它不起作用:(怎么了？