主页 / 问题 / 594396
Accepted
abg
Asked:2020-11-22 20:59:20 +0000 UTC2020-11-22 20:59:20 +0000 UTC

如何将 HTML 页面拆分为多个图块？

  • 772

我需要从 HTML 页面制作网格。这样每个单元格都有给定的大小，并且可以在其中放入具有单元格大小的图像。做这个的最好方式是什么？我们需要一个不是固定大小的网格，而是动态填充页面的网格。如果不合适，则会出现垂直滚动条。

javascript

2 个回答

  1. Best Answer

    您很可能在这里： http: //masonry.desandro.com/

    Masonry 是一个 JavaScript 网格布局库。它的工作原理是根据可用的垂直空间将元素放置在最佳位置，有点像泥瓦匠在墙上安装石头。您可能已经在整个 Internet 上看到过它的使用。

    这是一个用于在网格上排列内容的 javascript 库。它根据可用高度在页面上优化排列元素。

    • 1

  2. 下午好，我建议你使用 Bootstrap。网格是使用 div 块呈现的。

    下面的示例将页面拆分为 4 个垂直块。没有高度限制。而且当从移动设备上查看时，它们将一个位于另一个下方。

      <div class="row">
  <div class="col-lg-3">
  <!-- контент блока 1 -->
  </div>
  <div class="col-lg-3">
  <!-- контент блока 2 --> 
  </div>
  <div class="col-lg-3">
  <!-- контент блока 3 -->    
  </div>
  <div class="col-lg-3">
  <!-- контент блока  4 -->
  </div>
  </rows>
  </div>
    • 1

相关问题