手工定义行 - Row

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

一个 Column 就是一栏内容 .. 我们可以单独去设置它的宽度 .. 一个 Row 表示的是一排内容,或者叫一行内容 .. 使用它我们可以把几个栏组织在一起 ..

这里我们在 Grid 容器上添加了一个 four column .. 表示每行显示四栏内容 .. 下面我们用一个 row,去包装一下 1 号栏还有 2号栏 ..

用一个 div .. 上面加上 row .. 用这个容器包装一下 1 还有 2 这两个栏 .. 保存 ..

你会发现,第一排只有两栏内容 . 因为我们用了一个 row 把它们组织在了一起 .. 这样我们可以单独去设置一下这行内容里的栏 .. 比如我想让 2号栏浮动到右边 .. 在这个栏的容器上,添加一个 right floated .. (#保存 ) .. 现在它会在页面的右边显示 ..

或者我们也可以重新定义这排内容里的栏的宽度 .. 比如想让它们平均分成两份 .. 先去掉这个 right floated .. 然后在这个 row 的上面,添加一个 two column .. 现在第一排内容里的这两个栏,会各自占用整行内容的 2分之1 的宽度 ..

手工定义行 - Row《 Semantic UI 网格 》

统计

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

社会化网络

关于

微信订阅号

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