手工指定栏的宽度

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

我们也可以单独去指定每栏点用的宽度.. 先去掉 Grid 容器上的 two column ..

比如我想让第一栏内容占用四个宽度 .. 在上面加上一个 four wide .. 现在它会占用四个宽度 .. 剩下的栏仍然是一个宽度 ..

下面再让第二栏占用四个宽度 .. 同样加上一个 four wide .. 这样第一排内容还剩下 8 个宽度 .. 可以把这些宽度交给第三栏内容 .. 上面加上一个 eight wide .. 保存 .. 现在第一排有三栏内容 .. 在它们上面的宽度是 4 + 4 + 8 ,结果正好是 16

默认 Semantic UI 会把一行分成 16 份 .. 这样在这行里面就没有多余的空间了 .. 所以其它栏内容会自动被挤到第二排显示 ..

下面我们再让 4,5,6,7 这几栏内容各占用 4 个宽度 .. 在它们的包装上,都添加一个 four wide .. 保存 .. 第二排内容会平均分成四份 ..

最后在这个 8 号栏上添加一个 sixteen wide .. 再保存一下 .. 8 号栏会占满整排的宽度显示 ..

手工指定栏的宽度《 Semantic UI 网格 》

统计

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

社会化网络

关于

微信订阅号

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