html - 在 View 中间添加一条垂直线

Question

我需要在两个 div 之间添加一条垂直线。我正在使用 bootstrap，所以我有一个 .col-md-12，然​​后我在里面有列，一个是 .col-md-4(它有一个表格)，另一个是 .col-md-8(它有一张 table )。

所以它必须喜欢这张图片。

我试过使用 hr 并给它一个类，然后将它旋转 90 度，它起作用了，但它没有让我在底部添加空间。 而且我不能使用图像。

提前致谢!

Answer 1

你可以给中间的 div 一个类名，然后像这样应用边框:

.middle{
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

---

对于一列 div 内的两列 div，您可以在其中一列上应用 border-right 或 border-left。