如何创建多图像面板

Question

我正在尝试创建一个看起来像这样的面板，但我知道有一种技术可以做这种面板，我想知道是否有人知道。它有所有这些图像和视频。 我正在搜索多图像面板等...

Answer 1

您可以使用CSS添加样式技术。

将一些图像添加到元素中，然后使用child-selector或使用类名来设置它们的样式！

http://jsfiddle.net/afzaal_ahmad_zeeshan/39pKw/

您需要使用

img {
  display: inline;
  /* other styles if needed */
}

然后，使用类名，您可以编辑要显示的图像！

或者另一个想法是创建单个父元素并给它一个简单的样式

.parent {
   width: 500px;
}

然后添加图像作为其子项，然后

.parent img {
  width: 30%; /* if 3 images; change it as required. */
}

这样，每张图片都会消耗一些空间并为其余部分提供一些空间！