Question

我尝试将6张图片放在一行中，并且无论窗口大小如何都保持这种状态。

当我通常使用div标签（类似于样式=＆＃34;宽度：33％＆＃34;）时，它们会缩小并适合一个屏幕，但是当我缩小窗口屏幕时，图像会混合两行或更多行。

我尝试将它们放在表格标签中，但没有成功。如果我使用CSS和@media属性，我必须为图像设置固定大小（px）？

无论如何，我尝试使用谷歌搜索和搜索stackoverflow并尝试所有可能的解决方案，但我找不到任何东西。 @media将是我的最后手段，我不想使用它，因为我猜它使用固定大小。我是为WordPress网站做这个，所以我可以使用php，html，css，.js或者插件？我只是希望图像适合一行并根据屏幕尺寸缩小。

Answer 1

我从另一个问题中使用了@ Alan的answer。我是通过添加自定义包装器来实现的。

<style>
.wrapper {width:58.536585%; /*960/1640 = .58536585*/ margin:0 auto;}
.resize {width:100%; height:auto;}
</style>    

<div class="wrapper">
  <img class="resize" src="image.jpg" />
</div>

在一行中的屏幕宽度上放置几个图像

1 个答案: