html – 居中对齐div中的文本框

概述我试图将我的文本和文本框对齐到div的中心.我的主要div因为保证金而居中：0自动.但我将其应用于文本框并且无法正常工作. <div class="CommentBox"> Some text : <input type="text" /></div> CSS .CommentBox { width:400px; height:50px; backgrou @H_403_6@ 我试图将我的文本和文本框对齐到div的中心.我的主要div因为保证金而居中：0自动.但我将其应用于文本框并且无法正常工作.

<div >    Some text :    <input type="text" /></div>

CSS

.CommentBox {    wIDth:400px;    height:50px;    background-color: #A12A1E;    color:White;    margin:0 auto;}input[type="text"] {    margin:10px auto;}

http://jsfiddle.net/88pMc/

我尝试了一切.正如您可以看到上面的代码,我添加了margin：0 auto但仍然我的代码无效.文本框不是中心对齐.

有人可以帮助我吗？我很困惑,为什么这不起作用,我检查了边缘：0建议中心对齐.

解决方法 您需要在名为CommentBox的div中添加div.所以你的HTML可以是这样的：

<div >    <div>Some text:        <input type="text" />    </div></div>

并且您可以添加一个CSS类来对此div执行 *** 作：

.CommentBox > div {    margin:0 auto;    wIDth:250px;}

你可以在这里看到：http://jsfiddle.net/L77Bf/

希望这可以帮助！！！

总结

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

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