(HTML)如何在不缩小尺寸的情况下并排插入两个图像?

时间:2018-06-30 21:49:37

标签: html css shopify

例如,我有两个长(宽度方向)的图像横幅,我想在HTML框中放置在我的shopify网站上,但是在找到所有答案和代码之后,我不知道如何保留它们原始尺寸,而不会彼此垂直重叠。我希望他们尽可能地到达网页的每一面。我也希望它们是可点击的链接。

我想要什么:

|网站侧|| img | 5px填充| img ||网站侧|

尝试各种方式调整尺寸百分比后的外观(我认为边界框不会对此有所帮助)

|网站侧|| img ||网站侧| |网站侧|| img ||网站侧|

这里是我想做的例子:https://i.imgur.com/8g9OOdc.png

我不太了解HTML。我不确定是否需要设置某种CSS来实现此目的。如果可以,我不知道该怎么做,因为shopify网站创建中的框仅接受HTML代码。我不知道是否需要创建代码段或其他内容,该怎么做。

如果有人可以帮助我,我将非常感激。

1 个答案:

答案 0 :(得分:0)

如果它们的宽度和高度与您的示例相同,则您的html如下所示:

<img src="[source]" width="49%" style="display:inline;">
<div style="display:inline;width:5px;"></div>
<img src="[source]" width="49%" style="display:inline;">

可能不是最佳的宽度制作方法,但它可以工作。