Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 图像似乎有边距,但DevTools表示没有边距_Html_Css_Image_Image Gallery - Fatal编程技术网

Html 图像似乎有边距,但DevTools表示没有边距

Html 图像似乎有边距,但DevTools表示没有边距,html,css,image,image-gallery,Html,Css,Image,Image Gallery,我有多个图像,通过column count将其拆分为两列,我想尝试以砖石风格的视图显示这些图像 我遇到了这样一个问题,图像之间有间隙,我可以通过更改CSS中的列间隙来消除图像两侧的间隙,但我所做的任何事情都无法消除图像顶部/底部之间的游戏 这里是我能够重新创建它的地方: 下面是它的样子: 添加任一垂直对齐:顶部或显示:对图像执行块。默认情况下,图像是内联元素,其底部有一些下行空间(即图像本身下方)。添加其中一个设置可以避免这种情况 使用显示:块。

我有多个图像,通过
column count
将其拆分为两列,我想尝试以砖石风格的视图显示这些图像

我遇到了这样一个问题,图像之间有间隙,我可以通过更改CSS中的
列间隙来消除图像两侧的间隙,但我所做的任何事情都无法消除图像顶部/底部之间的游戏

这里是我能够重新创建它的地方:

下面是它的样子:

添加任一
垂直对齐:顶部
显示:对图像执行块
。默认情况下,图像是内联元素,其底部有一些下行空间(即图像本身下方)。添加其中一个设置可以避免这种情况


使用
显示:块