[分享]css内容二端对齐

在前端开发过程中，可能会遇到需要将两个内容框架对齐的情况。这时，CSS的内容二端对齐属性就派上用场了。

.example {
  display: flex;
  justify-content: space-between;
} 

CSS的内容二端对齐属性可以通过设定父元素的display属性为flex，再对justify-content属性进行设置，来实现两个子元素的内容框架对齐，其中，space-between表示让两个子元素之间的空白区域平均分配。

除了space-between，CSS还支持其他的子元素对齐方式，如space-around、flex-start、flex-end、center、stretch等。根据具体需求来选择合适的对齐方式即可。

.example {
  display: flex;
  justify-content: center;
} 

另外，如果只有一个子元素需要进行内容对齐，可以通过将其它的元素设置为display:none或者position:absolute的方式来实现。

总之，借助CSS的内容二端对齐属性，我们可以方便快捷地实现页面上元素的对齐，增加页面的整体美观度和可读性。