Question

我真的想不出我的问题的合适标题。

到目前为止，我被要求只向网站添加CSS以使其响应。到目前为止一切顺利，但我遇到了一个巨大的问题，无法想到一个合适的解决方案。

请查看http://213.179.128.120/domain_suedlohn_test/。

您会在下面看到带有标题的4张图片。这是我的问题开始的地方。

我想做什么：我希望所有这些图片分别显示在1列中，标题就在它们旁边。

我已经尝试过：我尝试分配display: block;或重置给定的格式，但是有很多堆叠的div我只是松开了代码的概述。

你能告诉我一些从哪里开始吗？我真的很感谢你的帮助！

Answer 1

这是您正在寻找的http://jsfiddle.net/fc3nb5rL/15/

<table>
<tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>
 <tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>
 <tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>
 <tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>

4列图像的响应式css解决方案

1 个答案: