用户登录

我们可以让网格里的栏自动等分每行的宽度 .. 也就是如果一排内容里有三个栏,就会等分成三份宽度 .. 有四栏内容就会等分成四份 ..

去掉我们在 grid 容器上添加的这个表示数字的类,还有这个 column 类 .. (#保存) .. 在这个网格里有两行内容,每个 row 里面有四个栏 .. 我们先在这个 grid 容器上,添加一个 equal width .. 表示等分宽度 .. 保存 ..

你会发现,这两排内容都会等分成四份 .. 因为每个 row 里面有四栏内容 .. 我们也可以单独去设置这里面的栏的宽度 .. 这样其它的栏也自动等分剩下的宽度 .. 比如我在 1 号栏上,添加一个 eight wide .. 让它占用 8 个宽度 ..

保存 .. 现在 1 号栏占用 8 个宽度 .. 在这排内容里的 , 2,3,4 这几个栏会等分剩下的宽度 ..

等分宽度的网格 - Equal Width《 Semantic UI 网格 》

统计

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

社会化网络

关于

微信订阅号

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