1. 使用绝对定位
使用绝对定位可以实现元素的居中显示。具体来说，可以使用以下代码将元素定位在父元素的中心位置：
“`css
.parent {
position: relative;
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
在上面的代码中，.parent元素是父元素，.child元素是子元素。使用top属性将子元素定位在父元素的中心位置，同时使用transform属性将子元素 translateY(-50%)定位到父元素的中心位置。
2. 使用伪元素
使用伪元素可以实现元素的居中显示。具体来说，可以使用一个伪元素作为子元素，并将它的CSS属性设置为“position: relative”，然后使用另一个伪元素作为父元素，并将它的CSS属性设置为“position: absolute”，最后使用transform属性将父元素旋转到需要的位置。
例如，以下代码将一个文本框元素和一个伪元素定位在父元素的中心位置：
“`html
<div class=”parent”>
<div class=”child”>
<p>居中显示的文本框元素。</p>
</div>
</div>
在上面的代码中，.parent元素是父元素，.child是子元素。使用div伪元素作为子元素，并将其CSS属性设置为“position: relative”。然后使用另一个div伪元素作为父元素，并将其CSS属性设置为“position: absolute”，最后使用transform属性将父元素旋转到需要的位置。
3. 使用旋转
使用旋转可以实现元素的居中显示。具体来说，可以使用以下代码将元素旋转到中心位置：
“`css
.parent {
position: relative;
.child {
position: absolute;
transform: rotate(-45deg);
在上面的代码中，.parent元素是父元素，.child元素是子元素。使用transform属性将子元素 rotate(-45deg)定位到父元素的中心位置。
4. 使用表格
使用表格可以实现元素的居中显示。具体来说，可以使用HTML表格和CSS表格样式来实现。使用表格时，需要将表格设置为“display: table”，然后使用以下CSS样式将表格设置为居中显示：
“`css
.parent {
display: table;
.child {
display: table-cell;
text-align: center;
在上面的代码中，.parent元素是父元素，.child是子元素。使用display属性将子元素设置为“table-cell”，使用text-align属性将子元素设置为“center”。
以上是CSS实现居中显示的一些方法，可以根据具体的需求选择合适的方法。