Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google提要控件-使用CSS设置样式_Javascript_Html_Css_Rss_Google Feed Api - Fatal编程技术网

Javascript Google提要控件-使用CSS设置样式

Javascript Google提要控件-使用CSS设置样式,javascript,html,css,rss,google-feed-api,Javascript,Html,Css,Rss,Google Feed Api,我正在使用Google动态提要控件整理RSS提要的小列表 然而,我只是想知道是否有任何文档来解释我如何设计它。据我所知,它使用自己的预设样式,例如,.gfc title{}、.gfc resultsHeader{},这是我所知的唯一两个 我只准备了四个提要,我真的很想把它们组织成一个垂直的列,彼此相邻。而不是默认的堆叠,左对齐在彼此的顶部 如果我遗漏了一些明显的东西,我道歉 <script type="text/javascript" src="https://www.goog

我正在使用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 resultsHeader、gfc标题、gfc结果和gfc结果

通过向gfc resultsRoot添加样式,您可能会得到想要的结果。也许是这样的:

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