Css 在flexbox中的项目之间添加等距垂直线
我需要在flexbox中的项目之间添加垂直线。为每个项目添加了右边框，但垂直线不在中心。请在下面查找代码。有人能帮忙吗Css 在flexbox中的项目之间添加等距垂直线,css,flexbox,Css,Flexbox,我需要在flexbox中的项目之间添加垂直线。为每个项目添加了右边框，但垂直线不在中心。请在下面查找代码。有人能帮忙吗 .details包装器{ 显示器：flex； 证明内容：之间的空间； 对齐项目：居中； 填充顶部：30px； 填充底部：30px； 背景颜色：粉红色； } .详细资料{ 弹性基准：25%； 文本对齐：居中； 右边框：1px实心#fff； } .详细资料{ 显示：块； 边缘顶部：30px； 边缘底部：34px； 字体大小：24px； 颜色：#000； } .详情{ 字体大小：1
.details包装器{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
填充顶部：30px；
填充底部：30px；
背景颜色：粉红色；
}
.详细资料{
弹性基准：25%；
文本对齐：居中；
右边框：1px实心#fff；
}
.详细资料{
显示：块；
边缘顶部：30px；
边缘底部：34px；
字体大小：24px；
颜色：#000；
}
.详情{
字体大小：16px；
颜色：#000；
}
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
flex:1它将均匀地喷洒儿童。它可以轻松地添加/删除子项
.details包装器{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
填充顶部：30px；
填充底部：30px；
背景颜色：粉红色；
利润底部：3倍；
}
.详细资料{
弹性：1；
填充：0.5em；/*是否添加一些填充*/
文本对齐：居中；
右边框：1px实心#fff；
}
.details包装器div:最后一个子项{
边框：无；/*是否删除边框*/
}
.详细资料{
显示：块；
边缘顶部：30px；
边缘底部：34px；
字体大小：24px；
颜色：#000；
}
.详情{
字体大小：16px；
颜色：#000；
}
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
它来自哪里
Lorem Ipsum只是印刷和排版行业的虚拟文本
如果一行有3个项目，则使用弹性基础：33.33%带有一些左/右填充
。几乎完美。然而，一个小小的改进可以让它变得更好。在我看来，使用CSS3：not（）
选择器比使用CSS覆盖最后一项更好，即.details wrapper div:not（：last child）{…}
@MohammadUsman通常，为此，您（我）选择要删除的：first child
，而不是最后一个，并在左侧设置边框，某些结构可能会产生清除元素。它可以是first-hild{border:none；}
或者甚至是简单的div+div{border-left:solid；}
。相同效果的多种方法；）