css 文本框居中显示 |css3拆开立方体动画特效

1. 使用margin属性实现
input {
margin: 0 auto;
display: block;
}
该方法需要设置input的display为block，且在外部容器中父元素具有固定宽度。
2. 使用flex layout实现
.container {
display: flex;
justify-content: center;
align-items: center;
}
该方法使用flex布局，容器的justify-content和align-items分别控制水平和垂直方向的内容对齐方式。
3. 使用text-align属性实现
.container {
text-align: center;
}
.container input {
display: inline-block;
}
该方法使用text-align属性居中容器内容，但需要将input的display设置为inline-block以避免块级元素出现换行的问题。
4. 使用absolute position实现
.container {
position: relative;
}
.container input {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
该方法使用绝对定位，将input相对于容器左上角偏移50%，然后使用transform属性进行微调。
以上四种方法可以根据具体需求选择，实现中文本框在页面中的居中显示。注意：以上示例代码仅供参考，具体实现需要根据具体情况进行调整。