例如,我有两个长(宽度方向)的图像横幅,我想在HTML框中放置在我的shopify网站上,但是在找到所有答案和代码之后,我不知道如何保留它们原始尺寸,而不会彼此垂直重叠。我希望他们尽可能地到达网页的每一面。我也希望它们是可点击的链接。
我想要什么:
|网站侧|| img | 5px填充| img ||网站侧|
尝试各种方式调整尺寸百分比后的外观(我认为边界框不会对此有所帮助)
|网站侧|| img ||网站侧| |网站侧|| img ||网站侧|
这里是我想做的例子:https://i.imgur.com/8g9OOdc.png
我不太了解HTML。我不确定是否需要设置某种CSS来实现此目的。如果可以,我不知道该怎么做,因为shopify网站创建中的框仅接受HTML代码。我不知道是否需要创建代码段或其他内容,该怎么做。
如果有人可以帮助我,我将非常感激。
答案 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;">
可能不是最佳的宽度制作方法,但它可以工作。