CSS布局

发表于 2017-12-17 阅读次数：

从局部到全面。一小块，一小块。
从全面到局部。逐级增大。

Flex 布局教程

Flex 布局教程：语法篇 - 阮一峰的网络日志
 Flex 布局教程：实例篇 - 阮一峰的网络日志

圆角图片

1
2
3

.icon {
    border-radius:50%;
}

横向滚动

.items {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}
.item {
    width: 218px;
    margin: 15px;
    display: flex;
    flex-direction: column;
}