分隔线 - Divided

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以在栏与栏之间添加一个分隔线 .. 下面先用两个 row 去组织一下这些栏 .. 把1,2,3,4 放在一个 row 里面 .. 5,6,7,8 再单独放在一个 row 里面 ..

然后在这个 grid 容器的上面添加一个 divided .. 保存 .. 你会看到现在栏跟栏之间会出现一条灰色的分隔线 ..

想在行与行之间添加分隔的话,可以使用一个 vertically divided .. 在 divided 的前面,再加上一个 vertically .. 保存 ..

在第一行跟第二行之间,分出现一条分隔线 .. 下面再试一下 celled ... 去掉这个 vertically divided .. 添加一个 celled .. 保存 ..

现在网格里的栏有点像是表格里的单元格 .. 在它们周围会应用一个灰色的边框 .. 我们也可以去掉最外边的这个边框 .. 这里要再添加一个 internally .. 它会去掉最外面的灰色边框.. 只留下内部的边框 ..

分隔线 - Divided《 Semantic UI 网格 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点