縦の境界線が水平な境界線でつぶれる - flexbox

Question

フレックスボックスを使用してテーブルを作成しました。私はセンターの下に縦線を追加したいので、すべての最初の列にborder-rightを追加しましたが、行の下の境界線が縦線のビジュアルフローを分割しています。私はこれを解決する方法の周りに私の頭を包んで苦労している。 下の境界線を維持したまま縦線を追加するにはどうすればよいですか？

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

Answer 1

ちょうどあなたがボトムボーダーを維持したい場合は、この https://jsfiddle.net/oczxqxmu/1/

同様

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

を削除使い::後や位置：絶対作成しますあなたのテーブルの真ん中のライン、このように

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