Html 最大宽度的CSS问题

Html 最大宽度的CSS问题,html,css,Html,Css,我在joomla有一个模块,我正在努力使其响应。我承认我有点不习惯。我使用此代码进行设置: 表格没有响应,如果您想让表格具有响应性,必须在水平滚动条上放置一个div,因此这种技术对用户不友好 使用此容器: <div class="module"> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> </div> .module { widt

我在joomla有一个模块,我正在努力使其响应。我承认我有点不习惯。我使用此代码进行设置:


表格没有响应,如果您想让表格具有响应性,必须在水平滚动条上放置一个div,因此这种技术对用户不友好

使用此容器:

<div class="module">
  <img src="" alt="">
  <img src="" alt="">
  <img src="" alt="">
</div>

.module {
  width: 100%;
  max-width: 250px; //or your sidebar width
  padding: 15px; //etc
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block // just if you want to be aligned side by side
}

表格不利于响应性设计我尝试过不用表格,但无法使其工作。你能解释一个更好的方法吗?你能使用弹性盒吗?或者你必须使用表格?不是suer,我愿意尝试一下你创建的表格只有一个单元格?所以有些人搬走了,没用