如何在<div>中水平居中<input>？

2018-06-03 23:38:41

这个问题在这里已经有了答案：

如何在另一个<div>中水平居中<div>？ 82个答案

将输入框放在div 6中心的答案

应用以下到容器div

display: flex;
flex-flow: column wrap;
align-items: center;

div {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  
}

<div style="width: 100vw; position: relative;">
  <h1 style="text-align: center;">Title</h1>
  <input type='text'>
</div>

尝试这个：

 input[type="text"] {
             display: block;
             margin : 0 auto;
        }

例如：演示

显示块。输入元素是内联的。

<input type='text' style="display:block; margin : 0 auto;">

链接地址: http://www.djcxy.com/p/13219.html