如何从URL中获取多个图像，并将它们放在JavaScript中的单独div中

我必须在我的网站上水平放置图像。它彼此放置一个图像，我不想要它。我想水平将图像一个水平放在特定空间上看起来很漂亮。

<!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    <div id="flockler_container"></div>
    <div id="flockler_container1"></div>
    <div id="flockler_container2"></div>
    <div id="flockler_container3"></div>
    <script>
        var _flockler = _flockler || {};
        _flockler.count = 20;
        _flockler.refresh = 0;
        _flockler.site = '1239/14550';
        _flockler.style = 'wall';
        (function(){var f = document.createElement('script');
        f.async=1;
        f.src='http://embed-cdn.flockler.com/embed-v2.js';
        s=document.getElementsByTagName('script')[0];

        s.parentNode.insertBefore(f,s);
       })();
        </script>
    </body>
    </html>

您可以浮动图像/divs以水平显示。

html

<div id="flockler_container img-float"></div>
<div id="flockler_container1 img-float"></div>
<div id="flockler_container2 img-float"></div>
<div id="flockler_container3 img-float"></div>

CSS

<style>
   .img-float{
      float:left;
      width:25%;
   }
</style>

相关内容

最新更新

热门标签：