📜  我的 flexbox 之间的垂直分隔线 - CSS 代码示例

📅  最后修改于: 2022-03-11 14:47:34.382000             🧑  作者: Mango

代码示例1
section {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 0 -8px;
  align-items: center;
}
section>* {
  margin: 0 8px;
}
.divider {
  width: 2px;
  margin: 6px 0;
  background: blue;
  align-self: stretch;
}
.item {
  flex: 1;
  background: orange;
}