使用图片标签出现缝隙问题

比眉伴天荒 2022-12-23 09:35 154阅读 0赞

### 使用图片标签出现缝隙问题 ###

> 因为图片标签属于行内块元素, 换行就会出现缝隙

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEwNDY0OA_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEwNDY0OA_size_16_color_FFFFFF_t_70_pic_center 1]

#### 解决办法 ####

*  通过字体大小

<view class="popup-goods-box">
    	<image class="goods-box-img" src="/static/img/test/test.jpg"></image>
    </view>
    
    
    .popup-goods-box{
    	font-size: 0;
    }
    .popup-goods-box *{
    	font-size: 24rpx;
    }

*  通过改变 display 类型

.popup-goods-box{ 
    	display: block;
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEwNDY0OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/1b4be85f7fcb4bcf98f7a0f888a24c64.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEwNDY0OA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/6ac6c4df5fa5418883bf6b3141249c0e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关解决ios出现图片阴影问题

解决ios出现图片阴影问题 { -webkit-box-sizing: border-box; -moz-box-sizing:

Myth丶恋晨/ 2023年10月17日 22:17/ 0 赞/ 51 阅读

相关 image标签部分图片不显示问题

image标中图片不显示问题最近项目中遇到的一个问题,后台上传的图片在前台展示时,部分图片不显示,因为图片是通过循环出来的,所以经过排查,觉得问题应该出在图片路径上面,

- 日理万妓/ 2023年06月20日 03:57/ 0 赞/ 159 阅读

相关图片img标签 src拼接路径问题

刚接触vue,v-for中获取字段都很正常，但是![Image 1][]中的路径不知道怎么拼接。还是我张哥出马，一个赶俩。废话少说直接上代码。在vm实例中的data加上ur

野性酷女/ 2023年01月07日 08:56/ 0 赞/ 221 阅读

相关使用图片标签出现缝隙问题

使用图片标签出现缝隙问题 > 因为图片标签属于行内块元素, 换行就会出现缝隙 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

比眉伴天荒/ 2022年12月23日 09:35/ 0 赞/ 155 阅读

相关 CSS解决图片底部空白缝隙的问题

当你将一张图片放在一个盒子里面的时候，如下图，是不是有一点点缝隙： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

た入场券/ 2022年10月25日 14:11/ 0 赞/ 151 阅读

相关使用Kaptcha出现图片加载失败的问题

今天在使用jar包kaptcha.jar 做一个验证码登录的过程中出现了图片加载失败的问题首先使用过程： 1.网上下载下的kaptcha-2.3.jar版本的jar包

落日映苍穹つ/ 2022年05月13日 08:38/ 0 赞/ 483 阅读

相关动态设置img标签图片失效问题

$(document).ready(function(){ var list = [[${documents}]]; $.each(list,f

分手后的思念是犯贱/ 2022年02月03日 11:53/ 0 赞/ 447 阅读

相关 vertical-align 图片底侧空白缝隙的问题

一、概述 vertical-align 不影响块级元素中的内容对齐，它只针对于行内元素或者行内块元素，特别是行内块元素，通常用来控制图片/表单与文字的对齐。所以我

浅浅的花香味﹌/ 2021年12月12日 07:17/ 0 赞/ 260 阅读

相关 html 图片标签

图片标签：默认不换行，成为行内元素 <img/> 属性 src：图片路径路径：相对路

系统管理员/ 2021年07月24日 23:27/ 0 赞/ 680 阅读

相关 css如何解决图片底部空白缝隙问题

css如何解决图片底部空白缝隙问题问题描述：引用图片时下方总出现空白，情况如下图所示。

朱雀/ 2020年04月28日 06:28/ 0 赞/ 863 阅读