如何用CSS显示网格线?

问题描述 投票:0回答:2
http://fearonhay.com/residential /庭院

。做到这一点的最佳方法是什么? 您可以打开位于已声明的DIV中的网格按钮。 您要做的就是使用浏览器的开发人员工具(我的是基于铬的Microsoft Edge)。 您会看到这样的按钮。

html css grid skeleton-css-boilerplate
2个回答
4
投票

然后您可以根据需要进行编码和测试。


尝试这个 - 至少它会让您走上正确的轨道。您可能会根据所需的内容定位此固定或绝对。 glhf.

Grid buttondisplay: grid

.grid-line { border: 1px solid black; /* try border-left and border-right */ height: 999px; /* play with positions - fixed ect.. */ }


0
投票

我对这个答案很晚,但是我对所提供的答案不满意。这是我用来在页面上创建垂直线的方法:
<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。
    
	
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.