[分享]css中怎么把文本框居中

当我们在网页中使用文本框的时候，有时候需要将它居中，以达到更好的页面效果。下面我们就来介绍一下在 CSS 中怎么实现文本框的居中。input{ display: block; /将行内元素变为块级元素...

当我们在网页中使用文本框的时候，有时候需要将它居中，以达到更好的页面效果。下面我们就来介绍一下在 CSS 中怎么实现文本框的居中。

input{
  display: block; /*将行内元素变为块级元素*/
  margin: 0 auto; /* 设置上下外边距为0，左右外边距自动居中*/
} 

通过给 input 设置 display 属性为 block 将其变为块级元素，然后设置上下外边距为 0，左右外边距为 auto ，就可以将文本框居中了。

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