我的代码
.nav_bar {
position: absolute;
top: 0;
width: 800px;
height: 23px;
display: inline-block;
text-align: center;
background-color: #0090bc;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border: 2px solid #004D6F;
-webkit-box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.7), inset -2px -2px 0px rgba(0, 0, 0, 0.7);
box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.7), inset -2px -2px 0px rgba(0, 0, 0, 0.4);
padding: 10px;
font-family: arial;
color: white;
}
<center>
<div class="nav_bar">
<center><font size="5"><span class="shadow"><b>Text</b></span></font></center>
</div>
</center>
“.navúu bar”div由于某种原因不会居中!这是输出!我已经添加了中心标签,看它是否会中心,但它不会有人可以帮助我
输出:
最佳答案
删除
position:absolute;
top: 0;
添加
margin: 0 auto;
这是一个jsfiddle:https://jsfiddle.net/efhu4h4h/
请注意,我把宽度改为100px,这样它就可以放在窗口中了。
关于jquery - 我的div不会将HTML CSS居中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30578057/