CSS（Cascading Style Sheets）是一種用于網頁樣式設計的語言，利用CSS可以對HTML元素的布局、字體、顏色等進行控制。在設計網頁的過程中，有時需要將多個li元素平分到一個div中，這時候我們可以使用CSS來實現這個功能。

HTML代碼如下所示：
<div class="wrapper">
<ul class="menu">
<li>菜單1</li>
<li>菜單2</li>
<li>菜單3</li>
<li>菜單4</li>
</ul>
</div>

上面的HTML代碼中，我們用一個div包含了一個ul列表，其中包含了多個li元素。

CSS代碼如下所示：
.wrapper {
width: 800px;
height: 200px;
background-color: #EEE;
display: flex;
justify-content: space-between;
align-items: center;
}
.menu {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0;
}
.menu li {
flex: 1;
text-align: center;
}

上面的CSS代碼中，我們使用了flex布局來處理div和ul元素的對齊問題，同時對li元素進行了處理以實現平分的效果。

具體來說，我們在.wrapper元素上使用了display:flex屬性，使其成為一行的容器。同時，我們設定了justify-content:space-between和align-items:center，分別使其在水平和垂直方向上居中對齊。

在.menu元素上，我們也使用了display:flex屬性，這是為了使其成為一個橫向的flex容器。我們同樣使用了justify-content:space-between和align-items:center，以實現li元素在橫向上的平分效果。

最后，我們對li元素使用了flex:1屬性，以使其在橫向方向上平分ul容器。

通過上述的CSS代碼，我們成功地實現了多個li元素在一個div容器中的平分效果。