標(biāo)簽來包含我們的需要對(duì)齊的元素。在CSS文件中，我們可以使用flex布局來實(shí)現(xiàn)兩端對(duì)齊。

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

上述代碼中，我們?cè)O(shè)置了容器的display屬性為flex，這使得容器中的元素按照flex布局排列。同時(shí)，我們使用justify-content屬性來設(shè)置元素之間的空間分配，其中，space-between表示在元素之間平均分配空間。

接下來，我們需要將我們需要對(duì)齊的元素作為容器的子元素，例如：

<div class="container">
<h2>標(biāo)題</h2>
<p>正文內(nèi)容</p>
</div>

這里，我們將標(biāo)題和正文內(nèi)容放在了一個(gè)容器中，并將容器的class屬性設(shè)置為container。

最后，我們可以使用CSS動(dòng)態(tài)加載來實(shí)現(xiàn)兩端對(duì)齊。例如，在特定的頁(yè)面需要對(duì)齊的元素較多的情況下，我們可以通過JavaScript來自動(dòng)添加容器，并在CSS文件中添加對(duì)應(yīng)的樣式。

var elements = document.querySelectorAll('.align');
for (var i = 0; i < elements.length; i++) {
var container = document.createElement('div');
container.setAttribute('class', 'container');
var innerHtml = elements[i].innerHTML;
elements[i].innerHTML = '';
container.innerHTML = innerHtml;
elements[i].appendChild(container);
}

上述代碼中，我們首先通過querySelectorAll方法獲取所有需要對(duì)齊的元素，并將它們放置在一個(gè)數(shù)組中。然后，我們?cè)谘h(huán)中對(duì)數(shù)組進(jìn)行遍歷，對(duì)每個(gè)元素創(chuàng)建一個(gè)新的容器，并使用innerHTML將容器與元素的內(nèi)容進(jìn)行融合。最后，我們將容器作為元素的子元素添加到頁(yè)面中。

在CSS中，我們可以為每個(gè)容器添加不同的樣式：

.container {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.container h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 0;
}
.container p {
font-size: 16px;
margin-top: 0;
}

上述代碼中，我們?yōu)槿萜魈砑恿艘粋€(gè)底部邊距，使得容器之間有一定的間距。同時(shí)，我們?yōu)闃?biāo)題和正文內(nèi)容添加了不同的樣式，使得它們的大小和間距等細(xì)節(jié)能夠更好地表現(xiàn)。

通過上述方法，我們可以很方便地實(shí)現(xiàn)兩端對(duì)齊的效果，提高網(wǎng)頁(yè)的可讀性和美觀度。