我需要在柔性盒中的項目之間添加垂直線。爲每個項目添加了邊界權限,但垂直線不在中心。請找到下面的代碼。有人可以幫忙嗎?在柔性盒中的項目之間添加等距的垂直線
.details-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
background-color:pink;
}
.details-wrapper div {
flex-basis: 25%;
text-align: center;
border-right: 1px solid #fff;
}
.details-wrapper span {
display: block;
margin-top: 30px;
margin-bottom: 34px;
font-size: 24px;
color: #000;
}
.details-wrapper p {
font-size: 16px;
color: #000;
}
<div class="details-wrapper">
<div>
<span>Where does it come from</span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div>
<span>Where does it come from</span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div>
<span>Where does it come from</span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
是否會有連續3個項目,然後使用'柔性基礎:33.33%;'一些左/右'padding'。 –