如何用CSS显示网格线？

Question

我正在使用 getsculpt.com 作为响应式网站，我试图在后台显示网格线，例如http://nimb.ws/fTE2AR或http://fearonhay.com/residential/courtyard-house。实现这一目标的最佳方法是什么？

Answer 1

试试这个——至少它会让你走上正轨。您可能会根据您的需要将其定位为固定或绝对。GL 高频。

.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>