<分区>
<分区>
我正在尝试将框水平居中。当前,它们向左对齐,当您调整窗口大小时,它们会响应地移动。我仍然想保留该功能。即使调整窗口大小时,我也只想将框居中。我试过 float:center 但没有这样的东西......谢谢。
.mybtn {
font:bold 20px"Arial Black", Gadget, sans-serif;
font-style:normal;
color:#ffd324;
background-color: rgba(255,0,0,.90);
border:2px solid #000;
text-shadow:0px -1px 1px #222222;
box-shadow:0px 0px 12px #2e2300;
-moz-box-shadow:0px 0px 12px #2e2300;
-webkit-box-shadow:0px 0px 12px #2e2300;
border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
width:100px;
height:100px;
margin:5px;
float:left;
position:relative;
}
和 HTML
<div class="mybtn">
</div>
<div class="mybtn">
</div>
<div class="mybtn">
</div>
<div class="mybtn">
</div>
<div class="mybtn">
</div>
最佳答案
您可以将它们包装在一个 div 中,对其应用 text-align:center
,然后移除 .mybtn
div 上的 float 并将显示更改为内联- block 。
#wrapper {
text-align:center;
}
关于html - 如何使用 CSS 将以下框居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24897352/