如何在JavaFX WebView中留下一个div？

Question

我正在努力在我的应用程序中获得一致的对齐，该应用程序是用GWT编写的，并通过基于WebKit的JavaFX 2.2 WebView（Java 7u40）进行查看。

我遇到的问题是，JavaFX中的CSS布局属性似乎存在问题/缺乏支持。文件(http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html)表示支持CSS 2.1（包括填充、左填充等）。

文档还声明“JavaFX CSS不支持CSS布局属性，如浮点、位置、溢出和宽度。但是，一些JavaFX场景图形对象支持CSS填充和边距属性。”

以下是我在Chrome中运行良好的功能：

.foo-bar-values {
    padding-left:   22px;
}

但这在网络视图中没有任何影响。

以下是我尝试过的其他规则，这些规则在Chrome中都可以很好地工作，但在JavaFX WebView中什么都做不到：

.foo-bar-values {
    padding:    0px 0px 0px 22px;
}    
.foo-bar-values {
    margin: 0px 0px 0px 22px;
}    
.foo-bar-values {
    margin-left:    22px;
}
.foo-bar-values {
    padding-left:   22px;
    -fx-label-padding:  0px 0px 0px 22px;
}    
.foo-bar-values {
    padding-left:   22px;
    -fx-padding:    0px 0px 0px 22px;
}
.foo-bar-values {
    padding-left:   22px;
    \-fx-label-padding: 0px 0px 0px 22px;
}    
.foo-bar-values {
    padding-left:   22px;
    \-fx-padding:   0px 0px 0px 22px;
}

DOM的结构如下所示：

<table>
  <colgroup></colgroup>
  <tbody>
    <tr>
      <td></td>
      <td>
        <div class="foo-bar-values">This doesn't pad.</div>
      </td>
    </tr>
  </tbody>
</table>

我如何获得此<代码>

Answer 1

显然，我链接的文档（我能找到的关于JavaFX中CSS支持的唯一文档）只适用于正常的JavaFX开发，而不适用于WebView本身（基于webkit）的功能。

在JavaFX WebView中，左填充和其他相关布局属性似乎工作得很好。有一些东西阻止了我的网络视图加载所有的CSS（未知原因）。因此，最后几个值（我需要的）无法用于设置文档样式。

我对我的项目进行了一些主要的清理和重建，并擦除了所有临时文件和缓存文件，这个问题“自行解决了”。

我现在可以在WebView中看到填充正确应用，也可以在FireBug Lite中看到它的应用：

padding-left    22px

我已经验证了规则在我的应用程序中。中的css。war文件，所以GWT正确地生成和绑定了内容。JavaFX WebView方面似乎存在一个问题。