在CSS中，我們經常需要使用無序列表ul標簽來呈現一組相關的內容。但是，在某些情況下，我們希望這些元素有相同的高度，并且在容器中垂直對齊。這就需要使用CSS實現ul等高。

如何實現？首先，我們需要將li元素設置為display:inline-block，這將使它們在同一行呈現，并且寬度取決于它們的內容。然后，我們需要將ul容器設置為font-size:0，從而消除li之間可能出現的間隙，以及line-height:0，從而消除li與容器之間的間隙。

接下來，我們可以按需設置li元素的高度、背景色等屬性，以實現所需的效果。同時，我們可以利用:before偽元素來模擬元素的邊框等效果。

ul {
font-size: 0;
line-height: 0;
}
li {
display: inline-block;
vertical-align: top;
width: 25%;
height: 120px;      
font-size: 16px;
background-color: #f2f2f2;
position: relative;
}
li:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 1px solid #ccc;
}

實際上，這種方式并不是最優解，存在一些問題。比如，如果li元素中有圖片等內容時，它們可能會因為高度不同而導致布局出現問題。另外，這種方式也可能會導致元素之間的空白間隔突出。

所以，在實際開發中，我們需要根據具體的情況使用不同的實現方式，以達到最好的效果。