Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
Css flexbox中出现了奇怪的边距_Css_Sass_Flexbox - Fatal编程技术网

Css flexbox中出现了奇怪的边距

Css flexbox中出现了奇怪的边距,css,sass,flexbox,Css,Sass,Flexbox,我尝试过负利润和其他黑客,但据我所知,一开始就不应该有任何利润。只需一个简单的框,我就可以在标签之间获得零边距,但不知何故,外面的东西会弄乱它 问题在于右下角的霓虹灯蓝色徽章 .info{ 显示器:flex; 弯曲方向:行; //证明内容:之间的空间; } .栏目{ 柔性生长:1; 弹性收缩:1; 弹性基准:48%; 最小高度:61.9px; //背景色:#00ffff; 显示器:flex; 弯曲方向:立柱; } .信息块{ 显示器:flex; 弯曲方向:立柱; } .垫片{ 高度:14.7p

我尝试过负利润和其他黑客,但据我所知,一开始就不应该有任何利润。只需一个简单的框,我就可以在标签之间获得零边距,但不知何故,外面的东西会弄乱它

问题在于右下角的霓虹灯蓝色徽章

.info{
显示器:flex;
弯曲方向:行;
//证明内容:之间的空间;
}
.栏目{
柔性生长:1;
弹性收缩:1;
弹性基准:48%;
最小高度:61.9px;
//背景色:#00ffff;
显示器:flex;
弯曲方向:立柱;
}
.信息块{
显示器:flex;
弯曲方向:立柱;
}
.垫片{
高度:14.7px;
宽度:1px;
}
.标签{
线高:0;
显示:内联块;
高度:15.8px;
宽度:40px;
右侧填充:4px;
左侧填充:4px;
垫顶:2件;
背景色:#00ffff;
边界半径:4px;
}
.标签容器{
线高:0;
宽度:168px;
高度:78px;
显示器:flex;
弯曲方向:行;
柔性包装:包装;
调整内容:灵活启动;
}
.标记文本{
宽度:20px;
字体系列:HelveticaNeue Bold;
字号:8px;
字体大小:正常;
字体风格:普通;
字体拉伸:正常;
文本对齐:居中;
颜色:#ffffff;
}

位置
地方
可移动的
+44 (0) 788-588
菜单
bk.com
标签
H
Som
一些
ng
索明

.tag
设置为
显示:内联块,它是一个内联元素。内联元素之间的空格保留在HTML中,因此如果元素之间有空格(或返回),则会在页面上的元素之间看到空格。要删除
.tag
框之间的空格,请删除这些元素之间的实际空格。

.tag
设置为
显示:内联块,它是一个内联元素。内联元素之间的空格保留在HTML中,因此如果元素之间有空格(或返回),则会在页面上的元素之间看到空格。要删除
.tag
框之间的空格,请删除这些元素之间的实际空格。

您在html(tag containter)或css中错放了类标记容器。注意html中的额外T和css选择器中的缺失

.info{
显示器:flex;
弯曲方向:行;
/*证明内容:之间的空间*/
}
.栏目{
柔性生长:1;
弹性收缩:1;
弹性基准:48%;
最小高度:61.9px;
/*背景色:#00ffff*/
显示器:flex;
弯曲方向:立柱;
}
.信息块{
显示器:flex;
弯曲方向:立柱;
}
.垫片{
高度:14.7px;
宽度:1px;
}
.标签{
线高:0;
高度:15.8px;
宽度:40px;
右侧填充:4px;
左侧填充:4px;
垫顶:2件;
背景色:#00ffff;
边界半径:4px;
}
.标签集装箱{
宽度:168px;
高度:78px;
显示器:flex;
弯曲方向:行;
柔性包装:包装;
调整内容:灵活启动;
}
.标记文本{
字体系列:HelveticaNeue Bold;
字号:8px;
字体大小:正常;
字体风格:普通;
字体拉伸:正常;
文本对齐:居中;
颜色:#ffffff;
}

位置
地方
可移动的
+44 (0) 788-588
菜单
bk.com
标签
H
Som
一些
ng
索明

您在html(标记包含ter)或css中错误地放置了类标记容器。注意html中的额外T和css选择器中的缺失

.info{
显示器:flex;
弯曲方向:行;
/*证明内容:之间的空间*/
}
.栏目{
柔性生长:1;
弹性收缩:1;
弹性基准:48%;
最小高度:61.9px;
/*背景色:#00ffff*/
显示器:flex;
弯曲方向:立柱;
}
.信息块{
显示器:flex;
弯曲方向:立柱;
}
.垫片{
高度:14.7px;
宽度:1px;
}
.标签{
线高:0;
高度:15.8px;
宽度:40px;
右侧填充:4px;
左侧填充:4px;
垫顶:2件;
背景色:#00ffff;
边界半径:4px;
}
.标签集装箱{
宽度:168px;
高度:78px;
显示器:flex;
弯曲方向:行;
柔性包装:包装;
调整内容:灵活启动;
}
.标记文本{
字体系列:HelveticaNeue Bold;
字号:8px;
字体大小:正常;
字体风格:普通;
字体拉伸:正常;
文本对齐:居中;
颜色:#ffffff;
}

位置
地方
可移动的
+44 (0) 788-588
菜单
bk.com
标签
H
Som
一些
ng
索明

你只是犯了一个愚蠢的错误。 只需检查css和html中的类名.tagcontainter


您使用.tag container而不是tag container类

你只是犯了一个愚蠢的错误。 只需检查css和html中的类名.tagcontainter


您使用.tag container而不是tag container类

/
不是正确的评论方式CSS@oriol,它不是重复的,类放错了位置,flex没有触发,我重新打开question@GCyrillus然后就脱离主题了——简单的排版error@Oriol哦,是的,