垂直邊框被水平邊框弄亂 - flexbox

Question

我使用flexbox創建了一個表格。我想向中心添加一條垂直線，所以我在所有第一列中添加了一個border-right，但是，行底部的邊界正在分解垂直線的視覺流。我不知道如何解決這個問題。 如何在保持底部邊界的同時添加垂直線？

的jsfiddle：https://jsfiddle.net/oczxqxmu/

Answer 1

只是刪除

.flex_row:not(:last-child) { 
     border-bottom: 2px solid #fff; 
} 

像這樣 https://jsfiddle.net/oczxqxmu/1/

如果你想保持底部邊框，使用::後的位置是：絕對的創建在你的桌子中間線，像這樣

https://jsfiddle.net/oczxqxmu/11/