css - 如何在 GWT 中浮动元素

Question

我在 GWT 中有一个元素。我希望它正确浮动。我试过DOM.setStyleAttribute(element, "float", "right");但没有工作。我不确定我是否使用了正确的属性（浮点数）。你有什么主意吗？

Answer 1

浮动的正确方法是使用“cssFloat”属性：

DOM.setStyleAttribute(element, "cssFloat", "right");

“float”是 javascript 中的保留关键字。

Answer 2

好的，这引出了一个明显的问题......你为什么不使用 GWT 布局来做到这一点？这有点像 GWT 的意义在于（至少部分地）抽象 CSS 定位/布局。或者，更确切地说，使用更熟悉的桌面 GUI 布局模型（BoxLayout、GridLayout 等）。

Answer 3

我的想法是您可以通过静态 XHTML 和 CSS 文件方法解决这个问题。然后，一旦它在那里工作，您就可以将其转换为 gwt 方法。

对于 GWT 方法，我仍然会提倡样式和表示的理念保留在 CSS 文件中，静态结构保留在宿主 HTML 文件中，而动态小部件放置发生在 GWT 代码中。

值得提醒（或提及）的是，当您将这些 DIV 和 SPAN 布局为使用 id 时，可以帮助您在 GWT 代码中定位该元素并使用动态控件填充它。当然，在元素定义中使用“类”来改进您将用来执行浮动的 CSS。