使用 display: flex; 布局时，可以通过设置 justify-content: space-between; 属性将子元素两端对齐。

这个图中灰色块两端对齐，我现在用nth-child(3n)设置margin-right:0可以对齐 代码：div class="banner"/divdiv class="box"ulli/lili/lili/lili/lili/lili/lili/lili/li/ul/divCSS*{margin: 0;padding: 0;}.banner{width:1000px;height: 200px;background: #f00;margin: 0 auto;}.

css实现文字两端对齐，如下效果： 文字两端对齐仅仅使用使用text-algin:justify无法实现预期效果，这里我们借用伪类(::after)来实现文字的两端对齐。具体代码如下：style.containerli{margin:0.5rem auto;width:4rem;height: 0.5rem;line-height: 0.5rem;border:1px solid #0000ff;}.justify {display: inline-block;vertical-align: top;wi

直接在 所属 css 中加上以下值text-align: justify;text-justify:inter-ideograph;