Html flexbox项目中的白线不会消失

Html flexbox项目中的白线不会消失,html,css,image,flexbox,Html,Css,Image,Flexbox,所以我的问题是,我不知道如何去除图像中的这条白线。请至少有人告诉我为什么会这样。我曾试图摆脱它,但没有成功。我试过检查元素,但没有边界。这非常令人沮丧。 下面是该元素的html(它是一个flex项) 父容器: .section-packages-flex { display: flex; display: -webkit-flex; flex-flow: column wrap; -webkit-flex-flow: column wrap; justif

所以我的问题是,我不知道如何去除图像中的这条白线。请至少有人告诉我为什么会这样。我曾试图摆脱它,但没有成功。我试过检查元素,但没有边界。这非常令人沮丧。 下面是该元素的html(它是一个flex项)

父容器:

.section-packages-flex {
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between; 
}

.section-packages-item {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.section-packages-pricing {
    width: 20%;
    color: rgba(255,255,255,1.00);
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    border-left: 1px solid rgba(88,88,88,0.00);
    border-top: 1px solid rgba(88,88,88,1.00);  
}

我只是添加了一个负的边距值来消除它。

为了得到您的答案,最好创建一个代码段或一个提琴,这样我们就可以像您那样进行检查。我看不到您的代码有任何白线,这是浏览器特有的问题吗?如果可能的话,添加工作片段。我认为这是橙色div右侧1px宽的白色垂直线。请提供小提琴或codepenOk,因此我制作了一支钢笔,但它没有显示白线。()这似乎只发生在chrome上,不是个坏主意。使用负边距“隐藏”问题只会在将来导致问题。最好首先找出问题的真正原因!
.orange-background {
    background: rgba(245,123,32,1.00);
    background-color: rgba(245,123,32,1.00);
}
.section-packages-flex {
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between; 
}

.section-packages-item {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.section-packages-pricing {
    width: 20%;
    color: rgba(255,255,255,1.00);
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    border-left: 1px solid rgba(88,88,88,0.00);
    border-top: 1px solid rgba(88,88,88,1.00);  
}