html – 将输入框放在div的中心_html-js-css

概述我有一个div，我想要输入框放在它的中心。我该怎么做？捕获的是输入元素是内联的。在将其定位到中心之前，我们必须阻止(显示：块)：margin：0 auto。请看下面的代码： <html><head> <style> div.wrapper { width: 300px; height:300px; 我有一个div，我想要输入框放在它的中心。我该怎么做？解决方法捕获的是输入元素是内联的。
在将其定位到中心之前，我们必须阻止(显示：块)：margin：0 auto。请看下面的代码：

<HTML><head>    <style>        div.wrapper {            wIDth: 300px;            height:300px;            border:1px solID black;        }        input[type="text"] {             display: block;             margin : 0 auto;        }    </style></head><body>    <div class='wrapper'>        <input type='text' name='ok' value='ok'>    </div>    </body></HTML>

但是如果你有一个位置=绝对的div，那么我们需要做的不一样。现在看到这个！

<HTML>     <head>    <style>        div.wrapper {            position:  absolute;            top : 200px;            left: 300px;            wIDth: 300px;            height:300px;            border:1px solID black;        }        input[type="text"] {             position: relative;             display: block;             margin : 0 auto;        }    </style></head><body>    <div class='wrapper'>        <input type='text' name='ok' value='ok'>    </div>  </body></HTML>

希望这可以是有帮助的。谢谢你。

总结

以上是内存溢出为你收集整理的html – 将输入框放在div的中心全部内容，希望文章能够帮你解决html – 将输入框放在div的中心所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/web/1115328.html