[分享]css两端对去

CSS两端对齐是一种常用的排版技巧，可以使文本在容器中两端对齐。在实现该效果时，我们可以使用textalign属性实现左右两端对齐，也可以使用flex布局实现。.codeblock { display...

CSS两端对齐是一种常用的排版技巧，可以使文本在容器中两端对齐。在实现该效果时，我们可以使用text-align属性实现左右两端对齐，也可以使用flex布局实现。

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

上述代码中，我们将容器的display属性设置为flex，然后使用justify-content属性将文本沿着主轴（默认为水平方向）左右两端对齐。

与之相对应的text-align属性则是设置在文本所在元素上，如下：

.text-block {
  text-align: justify;
} 

上述代码中，我们将文本所在元素的text-align属性设置为justify，即可实现文本的左右两端对齐。

需要注意的是，text-align: justify会对于多行文本进行对齐处理，但是会出现一些奇怪的间距，因此在实际使用时需要注意。而flex布局则不存在该问题，适用于更加复杂的布局需求。