1、justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。

提示：使用 align-content 属性对齐交叉轴上的各项（垂直）。

2、span、div、li等获取焦点问题：对于普通的div/span/li等元素节点是不能直接获取焦点的，需要用到一个属性tabindex。

可以通过：“：focus+span”获取焦点

关于tabindex的科普：

如果试图触发div标签绑定的onfocus事件和onblur事件，需要为该标签添加tabindex属性。

3、flex：

让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：

#main div { flex:1; }

flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。

flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。

注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。