GWT项目中css文件的位置

Question

我有一个名为Sample.css的css文件，其中包含以下内容。

         .bandit-report{
       margin-left: 20px;
          }
         .bandit-report1{
         margin-left: 50px;
          }

我有ABCD.gwt.xml，其中我为css文件做了以下条目

    <stylesheet src='Sample.css' />

我使用setStyleName（String）方法设置样式名称。然而，保证金左边的变化没有得到反映。我不知道在哪里放置Sample.css文件。我目前将ABCD.gwt.xml和Sample.css放在同一目录中。

请帮助。

Answer 1

gwt.xml文件中<stylesheet>中的相对路径是相对于“模块基本URL”（由GWT.getModuleBaseURL()在客户端代码上返回;这是GWT将生成的文件夹nocache.js文件和其他所有内容）。在此目录中输入文件就像将其放在公共路径中一​​样简单，默认情况下，它是GWT模块的public子文件夹（在client子包旁边） ）。值得注意的是，公共路径是从<inherit>模块继承的;这就是GWT内置主题的工作原理。

如果您将样式表放在war文件夹中，那么您不应该从gwt.xml中注入它，而应该使用<link rel=stylesheet>加载它你的HTML主页。

Answer 2

我将ABCD.gwt.xml中的条目更改为如下所示。现在它的工作。

     <stylesheet src='/Sample.css' />

Answer 3

使用浏览器开发人员面板查找css文件的位置。

Answer 4

您应该在public，client和server文件夹所在的同一位置创建一个名为shared的文件夹，并将其放在那里，这是默认位置会看。