如何使用 CSS 将输入框居中？

.input-box { display: flex; align-items: center; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; padding: 5px; }让框框居中内容：如果您想让输入框居中，可以尝试添加以下样式：

.input-box { display: flex; align-items: center; justify-content: center; /* 新增的样式 */ margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; padding: 5px; }

这将使用 'justify-content: center;' 属性将输入框放置在其容器的水平中心位置。