无法访问CSS表格的响应式div表

我正在使用我的工作基于Drupal的CMS，我可以访问的只有所见即所得和源代码编辑器。我根本无法访问CSS样式表。无法访问CSS表格的响应式div表

我创建了一个HTML表格，3x3，每个单元格都带有图像和标题。在桌面上运行良好，但在移动设备上，桌面运行在屏幕外。 Here it is in place。

我试图用div标签来重新创建表格，以获得屏幕阅读器的响应能力和可访问性等。理想情况下，如果表格重新适合屏幕，可能从桌面上的4列跨越到移动设备上的一个专栏。理想情况下，图像也会作出相应调整。

Here's what I've got so far（jsfiddle）。我真的是业余水平，所以这是一个教程的混搭。它是功能性的，但即使有行标签，它似乎仍然保留在一列中？

你能帮忙吗？同样，我只能编辑正文HTML，没有CSS访问权限。

忽略下面 - 必须发布jsfiddle链接。

<div class="divTable" style="width: 100%;">

2017-10-05 A Morris

如果您可以编辑html部分，那么您可能会在''标记的中加载的以前的外部样式表。 ;） –

，你可以做，以使这项工作，以添加内容和以下的内联样式标签这个最简单的事情：

<style> 
    .divTableCell { 
     display: inline-block; 
     width: 24%; 
     vertical-align: top; 
    } 
</style>

但是，你会发现，这是不是很敏感在较小的屏幕上。我建议看看这里的flex布局：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout

请记住，只要它是一个网页，那么你总是可以通过任何开发人员工具（[F12]键）访问CSS源现代浏览器。

2017-10-05 12:02:19 dperish

我已经给出了你的第一个建议（我将检查flex布局） - 它的工作非常好，谢谢。我也玩过使用％而不是px尺寸的图片，并且效果也很好。你知道如何让细胞的顶部对齐而不是底部？ –

希望编辑的答案可以做到这一点。请接受这个答案，如果这对你有用。 – dperish

回答