gpt4 book ai didi

html - 在 foundation zurb 中制作一张覆盖整个单元格的图片

转载 作者:太空宇宙 更新时间:2023-11-04 11:29:29 24 4
gpt4 key购买 nike

我试图让一些图片完全覆盖基础 zurb 中的单元格。我一直在细胞中获得一些利润。有没有办法避免这种情况?图片的宽度略小于单元格的宽度。

  <div class="row">
<div class="small-6 columns">
<img src="pic1.png">
</div>
<div class="small-6 columns">
<div class="row">
<div class="small-12 columns">
<img src="pic2.png" width="100%">
</div>
<div class="small-12 columns">
<img src="assets/pic4.png">
</div>
</div>
</div>
</div>

最佳答案

您应该为您的.column, .columns 类设置padding: 0

.column, .columns {
padding: 0;
}

或者更好地创建新类 padding-zero 例如,并将此类设置为您想要制作的没有填充的每个图像。

关于html - 在 foundation zurb 中制作一张覆盖整个单元格的图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32128495/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com