CSS中可以很容易地為元素添加圓形或橢圓形的形狀。但是經常有這樣的需求，需要在這些形狀中央添加文字。下面我們來介紹通過CSS實現橢圓中心顯示文字的方法。

.ellipse {
position: relative;
width: 200px;
height: 100px;
border-radius: 50% / 25%;
background: #ccc;
text-align: center;
}
.ellipse:before {
content: "";
display: block;
padding-top: 50%;
}
.ellipse p {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
font-size: 20px;
}

首先，我們需要給元素設置一個圓形或橢圓形的形狀。在這個例子中，我們使用了border-radius屬性來實現橢圓形。其中50%是水平半徑，25%是垂直半徑。然后設置了元素寬度和高度。

接下來，我們在元素中添加一個偽元素:before，并設置content屬性為空，使其存在但不顯示。然后將padding-top屬性設置為50%，相當于元素高度的一半。這樣，偽元素就會填充整個元素的高度，水平方向上沒有任何寬度。

然后，我們使用絕對定位將文字元素放在偽元素中心位置。將top屬性設置為50%，但是需要將元素向上移動一半的高度。這可以使用transform: translateY(-50%)實現，它將元素向上移動自身高度的50%。

最后，我們將文字元素的寬度設置為100%，以使文字居中。這里我們將字體大小設置為20px，但您可以根據需要調整字體大小。

通過這種方法，我們可以很容易地在橢圓形中心位置添加文字。