。做到这一点的最佳方法是什么? 您可以打开位于已声明的DIV中的网格按钮。 您要做的就是使用浏览器的开发人员工具(我的是基于铬的Microsoft Edge)。 您会看到这样的按钮。
然后您可以根据需要进行编码和测试。
尝试这个 - 至少它会让您走上正确的轨道。您可能会根据所需的内容定位此固定或绝对。 glhf.
display: grid
.grid-line {
border: 1px solid black; /* try border-left and border-right */
height: 999px;
/* play with positions - fixed ect.. */
}
我对这个答案很晚,但是我对所提供的答案不满意。这是我用来在页面上创建垂直线的方法:
<div class="container">
<div class="row">
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
<div class="one column grid-line"></div>
</div>
</div>
当前的格式为SASS,因此您必须将其修改为纯CSS。