当前位置: 首页 > 面试题库 >

如何创建网格/平铺视图?

华涵意
2023-03-14
问题内容

例如,我有一些.article类,并且我想将该类作为网格视图进行查看。所以我采用了这种风格:

.article{
  width:100px;
  height:100px;
  background:#333;
  float:left;
  margin:5px;
}

这种样式将使.article看起来平铺/网格化。固定高度可以正常工作。但是,如果我要将高度设置为自动(根据其中的数据自动拉伸),则网格看起来很讨厌。


问题答案:

这种布局称为砌体布局。石工是另一种网格布局,但它将填充由元素高度不同引起的空白。

jQuery Masonry是创建砌体布局的jQuery插件之一。

另外,您可以使用CSS3 column。但是目前基于jQuery的插件是最好的选择,因为CSS3列存在兼容性问题。



 类似资料:
  • 我需要创建,让我们说,12缩略图从视频,但跳过10%在开始和结束。我找到了这个东西,但它只是每1000帧拍一次。在我的情况下,这个范围将是可变的,如果它将在秒内更好。不知道如何使用ffmpeg来实现这一点,不要使用它太多。

  • 我正在尝试创建一个天空视角的RPG游戏,但是初始加载时间已经成为一个问题。我对编程和Java相当陌生,所以我不太了解Java如何将东西加载到内存或任何东西中。所以问题是,当我最初运行我的程序时,我的所有JLabels(在我的网格中设置)可能需要很长时间才能出现。我希望制作一个非常大的地图,总共由数十万个图块组成。经过一些数学和测试,事实证明30秒的加载只会产生大约6724个图块。这只是8个屏幕多一

  • 本文向大家介绍如何使用CSS和JavaScript创建列表网格视图?,包括了如何使用CSS和JavaScript创建列表网格视图?的使用技巧和注意事项,需要的朋友参考一下 要创建列表网格视图,代码如下- 示例 输出结果 上面的代码将产生以下输出- 在单击列表按钮时-

  • 我知道有一个类似的问题,但答案不够具体,无法在我的案例中发挥作用。 我试图创建一个程序,可以显示在平铺中创建的平铺地图,并使用pytmx上传到Pygame中。我唯一的问题是在Pygame中将图像快速显示在屏幕上。 这就是我一直收到的错误:回溯(最近一次调用):文件“C:\Users\b\Desktop\Frozed Map Textures\test.py”,第32行,在screen.blit(i

  • 在上两节中,我们学习了如何创建几何形状与材质,而网格的创建非常简单,只要把几何形状与材质传入其构造函数。最常用的物体是网格(Mesh),它代表包含点、线、面的几何体,其构造函数是: Mesh(geometry, material) 下面,让我们通过一个具体的例子了解如何创建网格: 例5.1.1 var material = new THREE.MeshLambertMaterial({

  • pre { white-space: pre-wrap; } 在不同的情况下,您可能需要为数据网格(datagrid)运用更灵活的布局。对于用户来说,卡片视图(Card View)是个不错的选择。这个工具可以在数据网格(datagrid)中迅速获取和显示数据。在数据网格(datagrid)的头部,您可以仅仅通过点击列的头部来排序数据。本教程将向您展示如何创建自定义卡片视图(Card View)。