Question

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

<!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>

Answer 1

您可以浮动图像/ div以水平并排显示。

<强> 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>

如何从url中获取多个图像并将它们逐个放在javascript中的单独div中？

1 个答案: