我无法获得简单的 html 代码来创建包含图像的两列布局

Question

我知道这对这里的大多数人来说很简单，但我正在尽力而为。我需要一些关于我正在尝试做的项目的指导。我正在我的 wordpress 网站上开发一个严格的 html 块小部件。我正在尝试使用每列中的图像进行两列布局。我让它工作，但我无法弄清楚如何在没有 space 的情况下使两个图像全宽。我尝试了数百万种方法，但我正在挣扎。任何帮助都将是惊人的和感激的！

我目前使用的代码是

<table style="margin-left: 0px; margin-right: 0px; width: 100%;" border="0px" cellspacing="0px" cellpadding="0px">
<tbody><tr><td>
<img src="https://www.dailymutt.com/wp-content/uploads/2020/10/Untitled-1_01.jpg" alt="" /></td><td>
<img src="https://www.dailymutt.com/wp-content/uploads/2020/10/Untitled-1_02.jpg" alt="" /></td></tr></tbody>
</table>

我附上了两张图片，解释了我在编码时遇到的错误。

This is where the two images have a padding of somesort This is what I am trying to achieve.

Answer 1

所以我自己想出来了。这是我必须使用的新 html 代码，因为有 css 我的主题超过了

<table>
<tbody><tr><td style="margin-left: 0px; margin-right: 0px; width: 100%; padding: 0px 0px !important;background-color:#000" border="0px" cellspacing="0px" cellpadding="0px">
<img src="https://www.dailymutt.com/wp-content/uploads/2020/10/Untitled-1_01.jpg" alt="" /></td><td style="margin-left: 0px; margin-right: 0px; width: 100%; padding: 0px 0px !important;background-color:#000" border="0px" cellspacing="0px" cellpadding="0px">
<img src="https://www.dailymutt.com/wp-content/uploads/2020/10/Untitled-1_02.jpg" alt="" /></td></tr></tbody>
</table>

我无法获得简单的 html 代码来创建包含图像的两列布局

I cannot get my simple html code two create a two column layout with images inside

html

woocommerce

code-snippets