读读antd源码之布局组件

① 布局组件

布局组件是容器，是解耦样式的重要方式

上次分享完antd的通用组件源码，这篇文章接着分享一下布局组件。

布局组件其实是非常重要的组件，对于统一的设计风格来说，抽出通用的布局样式，对代码非常友好，不用写太多冗余且不统一的样式。

antd 的布局组件不多，只有几个，下面逐一看下有什么借鉴的思路。

② Divider（分割线）

文章的章节段落分割

严格来说，分割线组件不算是常用的布局组件，只是为了文字内容的划分更清晰，可以先看下基本的效果

简单来说，就是一条横线，然后居中、居左或居右放置想要的内容上去。

如果个人来实现，比较直观的想法，可能就是先画一条线，然后直接将内容绝对定位于对应的位置上。

但是直接 F12 看一下，你会发觉 antd 的实现方式不是这样的。