用户登录

在这个项目视图的大容器上,可以添加一个 relaxed .. 保存 .. 它会增大项目之间的距离 ... 如果想更大一点的话,可以在这个 relaxed 前面加上一个 very ..

你可以在项目跟项目之间添加一个分隔线 ... 这里需要用一个 divided ..

Semantic UI 还可以让我们控制项目内容的对齐方式 .. 我们先去掉第一个项目里的描述内容(#保存) ... 默认这个内容跟图片是顶部对齐 ... 在这个 content 容器上,添加一个 middle aligned ..

现在这个内容居中对齐 .. 另外你可以使用 bottom aligned ... 让它跟图片的底部对齐 ..

我们还可以控制内容的浮动的方向 .. 比如我想让这个喜欢按钮浮动到右边显示 .. 先给它添加一个包装 ... 在这个包装的上面,用一个 right floated .. 保存 ... 这样这个喜欢按钮就会浮动到项目的右边 ..

项目的变化《 Semantic UI 视图 》

统计

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

社会化网络

关于

微信订阅号

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