Google Feed 控件 - 使用 CSS 进行样式设置

Question

我正在使用 Google Dynamic Feed Control 整理一小部分 RSS feed。

但是我只是想知道是否有任何文档来解释我如何设计它。据我所知，它使用自己的预设样式，例如.gfc-title {} , .gfc-resultsHeader {} 这是我所知道的仅有的两个。

我只拉入了四个提要，我真的很想将它们组织成一个相邻的垂直列。不是默认的堆叠方式，而是彼此左对齐。

如果我在这里遗漏了一些明显的东西，请道歉！

      <script type="text/javascript" src="https://www.google.com/jsapi"></script>
            <script type="text/javascript">
       google.load("feeds", "1");

       function OnLoad() {
       // Create a feed control
       var feedControl = new google.feeds.FeedControl();

      // Add two feeds.
      feedControl.addFeed("#", "Feed 1");
      feedControl.addFeed("#", "Feed 2");
      feedControl.addFeed("#", "Feed 3");
      feedControl.addFeed("#,  "Feed 4");


      // Draw it.
      feedControl.draw(document.getElementById("google_feeds"));
      }

      google.setOnLoadCallback(OnLoad);

Answer 1

您可以使用浏览器的开发者工具来查找Google feed控件的CSS类。我想最重要的是

gfc-resultsRoot

，

gfc-resultsHeader

，

gfc-title

，

gfc-results

和

gfc-result

通过向

gfc-resultsRoot

添加样式，您可能会得到您想要的结果。也许是这样的：http://jsfiddle.net/qy81yn7f/1/

.gfc-resultsRoot { 
  width: 300px;
  float: left;
}