我如何可以在不使用表格的情况下将图标图像排列在行和列中

Question

我有5个图标图像。我想将它们定位如下：-

为确保所有屏幕尺寸上的布局一致，我添加了一个没有边框的桌子，并将图标放置在表格单元格内，如上所示。

但是现在我想将布局更改为以下内容：

在哪里使用表格将不再起作用..那么，有人可以将我的图标放在第二个图片所示的位置吗？并保证，即使在小尺寸的屏幕上，图像也始终会显示在已排序的布局中。.当我在许多网页上的iframe中添加上述html时。

致谢

这是我在桌子上的标记：-

dispatch()

Answer 1

好的。因此，我尝试了您的代码，然后看到了它的作用。而你想要的可以用这个来完成： 这是放在头标记中的CSS代码

.icon {
 width: 60px;
 height: 59px;
}

这是图像部分：-设置宽度并使用溢出将防止自动包装。

<div style="width: 190px; overflow: hidden;">
      <img class='icon' src="">
      <img class='icon' src="">
      <img class='icon' src="">
   <div style="margin-top: 4ex; margin-left:4.5ex;">
      <img class='icon' src="">
      <img class='icon' src="">
   <div>
</div>

Thats how it will look.