css层水平居中 |css文本框提交完不消失

对于一个元素来说，要做到水平居中，需要满足以下几个条件：

1. 元素必须有宽度（width）；
2. 元素必须有左右外边距（margin-left、margin-right）；
3. 元素必须为块级元素（display: block 或 display: inline-block）。

接下来，大家就通过以下两种方式来达到水平居中的效果：

方式一：使用text-align属性

.center {
width: 200px;
margin: 0 auto;
text-align: center;
}

这种方式可以用于居中文本及内联元素，再加上margin属性的值设为“auto”，就可以自动计算左右间距，从而达到水平居中的效果。

方式二：使用transform属性

.center {
width: 200px;
position: relative;
left: 50%;
transform: translateX(-50%);
}

这种方式适用于居中块级元素，利用了transform属性的位移功能，将元素向左移动50%其宽度，就可以达到水平居中的效果。

综上所述，CSS层级水平居中是网页设计中非常实用的技巧，可以帮助大家实现各种好看的布局和效果。