[分享]css中如何让文本框居中

CSS是用来控制网页样式和布局的语言，而让文本框居中是CSS中很常用的样式之一。下面就来一起学习一下如何用CSS让文本框居中。input { width: 200px; / 文本框的宽度 / heig...

CSS是用来控制网页样式和布局的语言，而让文本框居中是CSS中很常用的样式之一。下面就来一起学习一下如何用CSS让文本框居中。

input {
  width: 200px; /* 文本框的宽度 */
  height: 30px; /* 文本框的高度 */
  margin: 0 auto; /* 水平居中 */
} 

上面的CSS代码中，我们给文本框设置了宽度和高度，并使用了margin: 0 auto;让它水平居中。

需要注意的是，margin: 0 auto;只对块级元素起作用，因此我们需要将文本框设置为块级元素才能让margin: 0 auto;生效。可以通过display: block;来实现。

input {
  display: block; /* 将文本框设置为块级元素 */
  width: 200px; /* 文本框的宽度 */
  height: 30px; /* 文本框的高度 */
  margin: 0 auto; /* 水平居中 */
} 

好了，以上就是如何用CSS让文本框居中的方法啦。希望对大家有所帮助。