Question

我到处搜索，但无法找到解决方案。我想在不同大小的网页上随机放置多个图像，并随机分布在整个页面上，如使用css / jquery在示例图像中所示。

Answer 1

我相信你正在寻找一个砖石布局画廊。

有很多方法可以实现这一点，如果你使用bootstrap 4，你可以使用内置的flex和网格系统，如果你使用像树枝一样的模板，你总是可以循环div来创建不同大小的div （使用脚本来随机化宽度是个好主意，并以图像为背景投入具有不同动画延迟的css反弹效果）。使用创造力，您可以想到无数的方法。如果你是初学者，我建议坚持使用提供砌体效果的插件。

Answer 2

您可以将每个图像设置为position：absolute并选择您的top和`left values。

fiddle

client:
  hosts:
    - 127.0.0.1
  port: 9200
  url_prefix:
  use_ssl: False
  certificate:
  client_cert:
  client_key:
  ssl_no_validate: False
  http_auth:
  timeout: 30
  master_only: False

logging:
  loglevel: INFO
  logfile:
  logformat: default
  blacklist: ['elasticsearch', 'urllib3']

将图像随机放置在网页的任何位置

2 个答案: