谷歌提要控制-样式与CSS

Google Feed Control - Styling with CSS

本文关键字：样式 CSS 控制 谷歌      更新时间：2023-09-26

我正在使用Google动态提要控件整理一个RSS提要的小列表。

然而，我只是想知道是否有任何文档可以解释我如何对其进行样式设置。据我所知，它使用了自己的预设样式，例如.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);

您可以使用浏览器的开发工具来查找Google提要控件的css类。我想最重要的是gfc resultsRoot、gfc results Header，gfc title和gfc result。

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

    .gfc-resultsRoot { 
        width : 300px;
        float: left;
    }
相关文章：