css布局页面居中 |css输入框不能输入

/* 方法1：使用margin实现居中效果 */
.center {
margin: 0 auto;
width: 50%;
}
/* 方法2：使用flexbox实现居中效果 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 方法3：使用transform实现居中效果 */
.box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

上面的三种方法可以分别通过设置margin属性、使用flexbox布局和使用transform属性来实现居中效果。其中，margin方法可以让一个元素相对于父元素的中心水平居中，flexbox方法可以轻松地将元素水平和垂直居中，而transform方法则可以精确地将元素居中。

综上所述，在CSS布局中实现居中效果是非常重要的，它能够帮助网页设计者创造出更具有吸引力的网页，并为用户提供更好的用户体验。