首页 > 解决方案 > 带间隙的 HTML 背靠背图像

问题描述

我想背靠背添加 2 张图像,中间有一些间隙,但是我下面的代码没有留下任何间隙,我应该添加什么来在图像之间留下间隙?

<div class="row">
<div class="column"><a href="....."><img style="float: left" src="https://static.wixstatic.com/media/e21362_745c8df449d844a38a92f64d4d1af4a4~mv2.png/v1/fill/w_200,h_55,al_c,usm_0.66_1.00_0.01/appstore.png" width="150" height="40"> </a></div>
<div class="column"><a href="....."> <img style="float: left" src="https://static.wixstatic.com/media/e21362_2712e9b89fa64756bc60b9e084624341~mv2.png/v1/fill/w_200,h_55,al_c,usm_0.66_1.00_0.01/playstore.png" width="150" height="40"></a></div>
</div>

标签: html

解决方案


以防万一我为此寻找答案的人;我设法使用下面的代码添加差距。

<div class="row"> <div class="column"><a href="..."><img style="float: left; padding-right: 10px; padding-bottom: 10px;" src="static.wixstatic.com/media/…&quot; width="150" height="40"> </a></div> <div class="column"><a href="..."> <img style="float: left; padding-right: 10px; padding-bottom:10px;" src="static.wixstatic.com/media/…&quot; width="150" height="40"></a></div> </div>

推荐阅读