如何制作带有图像的表格，在 wordpress 中响应

Question

我想在我的 wordpress 博客中添加一个简单的 table，其中有几行，每行有 3 列。

<table>
<tbody>
<tr>
<td><img src="http://www.alidimare.net/images/loveIs/01.jpg" alt="Love Is"/></td>
<td><img src="http://www.alidimare.net/images/loveIs/07.jpg" alt="Love Is"/></td>
<td><img src="http://www.alidimare.net/images/loveIs/02.jpg" alt="Love Is"/></td>
</tr>

并且我尝试使用 Magic-liquidizer-responsive 和 tablepress-responsive 插件使其响应。结果不正确，因为图像大小仍然很小，即使 table 进入一列。

请告诉我如何解决这个问题。

Answer 1

你需要图像占用 100% 的容器 (td) 所以你添加

img{
    width: 100%
}

使用此 table 将适应table 宽度

Answer 2

您需要验证是否加载了任何其他 css 文件（您的主题）覆盖了您的图像 css，只需检查并验证.. 您可能需要进行一些自定义 css.. 您可以尝试添加 "!important;"

table td img{
    width: 100% !important;
}