button中心CSS
平常的CSS居中问题，只是不为我工作，问题是，我不知道完成宽度像素
我有一个整个导航的div，然后每个button里面，当不止一个button，他们不再中心。 🙁
CSS
.nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } HTML
<div class="nav"> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Home</div> <div class="b_right"></div> </div> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Contact Us</div> <div class="b_right"></div> </div> </div>
任何帮助将不胜感激。 谢谢
结果
如果宽度是未知的，我确实find了一个button的中心，不完全是开心的，但没有关系，它的工作原理：D
最好的办法是把它放在一张桌子上
<table class="nav" align="center"> <tr> <td> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Home</div> <div class="b_right"></div> </div> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Contact Us</div> <div class="b_right"></div> </div> </td> </tr> </table>
我意识到这是一个非常古老的问题，但是我今天偶然发现了这个问题，并且和它合作
<div style="text-align:center;"> <button>button1</button> <button>button2</button> </div>
干杯，马克
问题是在.nav_button下面的CSS行：
margin: 0 auto;
这只会有效，如果你有一个button，这就是为什么他们是偏离中心有多个nav_button div。
如果你想要所有的button居中嵌套nav_buttons在另一个div：
<div class="nav"> <div class="centerButtons"> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Home</div> <div class="b_right"></div> </div> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Contact Us</div> <div class="b_right"></div> </div> </div> </div>
风格如下：
.nav{ margin-top:167px; width:1024px; height:34px; } /* Centers the div that nests the nav_buttons */ .centerButtons { margin: 0 auto; float: left; } .nav_button{ height:34px; margin-right:10px; float: left; }
另一个不错的select是使用：
width: 40%; margin-left: 30%; margin-right: 30%
当一切都失败了，我只是
<center> content </center>
我知道它不再是“达标”了，但是如果它起作用的话，那也是有效的
这似乎为我做了诡计。
position:relative; text-align: center;
希望有所帮助
