在網頁設計中，網頁中的各個元素的寬度調整是非常重要的一個環節，是網頁排版的核心內容之一。

當需要將某個元素的寬度調整到頁面的一半時，CSS提供了一個非常便利的方法--設置元素寬度為50%。

.my-element{
width: 50%;
}

在這個例子中，我們創建了一個名為".my-element"的CSS類，將它的寬度設置為50%。這表示該元素將會占據它包含的容器寬度的一半。

需要注意的是，在使用寬度百分比時，一定要確保包含容器的寬度已經定義。否則，子元素在未知寬度的情況下，將不會得到正確的百分比寬度。

此外，當我們需要在一排元素中將每個元素寬度平均分配時，也可以使用類似以下的代碼塊：

.my-container{
display: flex;
justify-content: space-between;
}
.my-element{
width: calc(50% - 10px);
}

在這個例子中，我們將包含容器（.my-container）設置為彈性容器，并使用"space-between"將其中所有子元素間隔平均分配。接下來，我們將子元素（.my-element）的寬度設置為50%減去10像素（注意，這里使用了CSS中的calc()函數），以便在子元素間留置一定間隙。

通過以上介紹，我們可以了解到如何使用CSS的50%寬度屬性，及如何在一排元素中將寬度分配平均。只要注意寬度屬性的正確使用方法及與包含容器的“寬度已定義”這一前提，那么我們在網頁排版方面的操作會得到更為自如的展現。