背景:使用flex布局,gap设置间隔,如果子节点是空的,在edge 84.0.522.52版本中,会导致高度很高,出现兼容问题,在edge 86.0.622.63中没问题
解决方案:在使用gap且内容可能为空的节点的样式中使用after,增加一个伪元素,如
.btns {
display: flex;
gap: 8px;
&::after {
content: "";
}
}
背景:使用flex布局,gap设置间隔,如果子节点是空的,在edge 84.0.522.52版本中,会导致高度很高,出现兼容问题,在edge 86.0.622.63中没问题
解决方案:在使用gap且内容可能为空的节点的样式中使用after,增加一个伪元素,如
.btns {
display: flex;
gap: 8px;
&::after {
content: "";
}
}