Question

我想在我的wordpress博客中添加一个包含几行的简单表，每行有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插件使其响应。结果不合适，因为即使桌子进入一个单独的列，图像大小也会保持很小。

请让我知道如何解决这个问题。

Answer 1

你需要验证你是否有任何其他css文件加载（你的主题）覆盖你的图像css，只需检查和验证..你可能需要制作一些自定义的CSS .. 你可以尝试添加＆＃34;！important;＆＃34;

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

Answer 2

你需要图像占用100％的容器（td），所以你要添加

    var img = document.getElementById("idOfImage");
    img.attributes.src.value = "2.jpg";           //URL of other image

使用此表将适应宽度

如何制作图像表，在wordpress中响应

2 个答案: