CSS 两端对齐布局是一种常用的 CSS 技术，可以让网页中的文本在水平和垂直方向上对齐。这种技术可以让文本在水平和垂直方向上居中，并且两端对齐。通过使用 CSS 两端对齐布局，可以让网页中的文本更加美观和易于阅读。

在 CSS 中，可以使用 `margin-left` 和 `margin-right` 属性来控制文本的对齐方式。`margin-left` 属性控制对齐的左侧边距，而 `margin-right` 属性控制对齐的右侧边距。如果两个边距相等，则文本将保持居中对齐。如果两个边距不相等，则根据对齐方式来确定对齐位置。

例如，我们可以使用以下代码来实现两端对齐：

```css

margin-left: 20px;

margin-right: 20px;

在上面的代码中，`h1` 元素的 `margin-left` 和 `margin-right` 属性分别设置为 20 像素。这样，该元素的文本将保持居中对齐，并且两端对齐。

除了使用 `margin-left` 和 `margin-right` 属性外，还可以使用 `flex` 和 `justify-content` 属性来控制文本的对齐方式。`flex` 属性可以让文本在水平和垂直方向上居中，并且两端对齐。`justify-content` 属性可以让文本在水平和垂直方向上随机对齐。

例如，我们可以使用以下代码来实现两端对齐：

```css

.box {

display: flex;

justify-content: space-between;

在上面的代码中，`.box` 元素使用 `display: flex` 属性，并将 `justify-content` 属性设置为 `space-between`。这样，该元素的文本将在水平和垂直方向上随机对齐，以保持两端对齐。

总之，CSS 两端对齐布局是一种简单而有效的方法，可以让网页中的文本更加美观和易于阅读。通过使用 `margin-left` 和 `margin-right` 属性，以及 `flex` 和 `justify-content` 属性，可以轻松实现两端对齐。