在这个项目视图的大容器上,可以添加一个 relaxed .. 保存 .. 它会增大项目之间的距离 ... 如果想更大一点的话,可以在这个 relaxed 前面加上一个 very ..
你可以在项目跟项目之间添加一个分隔线 ... 这里需要用一个 divided ..
Semantic UI 还可以让我们控制项目内容的对齐方式 .. 我们先去掉第一个项目里的描述内容(#保存) ... 默认这个内容跟图片是顶部对齐 ... 在这个 content 容器上,添加一个 middle aligned ..
现在这个内容居中对齐 .. 另外你可以使用 bottom aligned ... 让它跟图片的底部对齐 ..
我们还可以控制内容的浮动的方向 .. 比如我想让这个喜欢按钮浮动到右边显示 .. 先给它添加一个包装 ... 在这个包装的上面,用一个 right floated .. 保存 ... 这样这个喜欢按钮就会浮动到项目的右边 ..