css div 集中 |文本为粗体的css属性

1
2
3
4

上面的代码演示了最基本的div布局，通过在容器类中设置display:flex属性，实现了4个子元素自动集中排列。接下来大家将演示一些实用的div集中布局技巧。

1
2
3
4

上面的代码中，大家为4个子元素分别添加了不同的类，然后组合使用justify-content和align-items属性，实现了4个元素在容器中间垂直平均展示的效果。

1
2
3
4

再来看一段代码，这次大家为2个元素分别对应添加了父元素before和after伪元素，用于在子元素中间添加间距，实现了两个元素居中展示效果。

总的来说，通过合理的组合使用CSS属性和类，大家能够实现各种各样的div集中布局效果，帮助大家更加灵活的处理页面布局。