在Web開發(fā)中，我們常常需要實現一個元素的高度等于一段文本的高度，或者需要將幾個元素以相等高度排列。這時候，我們可以使用CSS來實現此功能。

html,body {
height: 100%;
margin: 0;
}
.equal-height {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.equal-height >* {
flex: 1;
}

這段CSS代碼使用了CSS3中的flex布局來實現平分高度，可以將多個元素的高度與父元素等分，并且當瀏覽器窗口大小變化時，元素高度會自動適應。

首先，我們需要將html和body元素的高度設為100%（因為我們要平分的元素是父元素的子元素，所以父元素要占滿整個頁面）。然后，將平分元素的容器設置為flex布局，并設置flex-direction為row，即橫向排列。flex-wrap為wrap是為了讓元素超過容器寬度時自動換行。

最后，設置每個平分元素的flex值為1，讓它們等分父元素的寬度。如果有特殊需求，可以將某些元素的flex值設為2或更高，使它們占更多的寬度。

在實際使用中，我們可以將這段CSS代碼保存到一個單獨的文件中，在需要平分高度的地方引入即可。