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` 屬性，可以輕松實現兩端對齊。