Question

我想做这样的事情......

我需要为每个输入执行此垂直线和底部边框。有人有想法吗？

Answer 1

这是您可以使用的基本结构。现在，您可以将其与您网站的元素进行整合......

但是，请注意Stack Overflow不是一个外包网站，您要求人们为您编码。如果您需要帮助，请尝试自己找一个解决方案。

#wrapper {
  display: flex;
  justify-content: center;
}

#wrapper > div > div {
  height: 30px;
  margin: 10px;
  border-bottom: solid 1px gray;
}
    
#separator {
  height: 90px;
  border-left: solid 1px gray;
}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Demo</title>
</head>
<body>
  <div id="wrapper">
    <div>
      <div>1: plcHolder</div>
      <div>3: plcHolder</div>
    </div>
    <div id="separator"></div>
    <div>
      <div>2: plcHolder</div>
      <div>4: plcHolder</div>
    </div>
  </div>
</body>
</html>

制作一条垂直线

1 个答案: