Question

我有一个小问题。

实际上我正在尝试将“内容”的宽度调整为多个div。事实上，我正在尝试将此代码调整为多个屏幕，我无法指定特殊宽度。内联块根本不起作用。我不知道为什么。我会将div内容放在页面中间，将中心类放在div内容的中间。事实上，这是一个完美的中心。

有个主意吗？

HTML

<div id="content">
<div class="badges"></div>    
<div class="badges"></div>    
<div class="badges"></div>    
<div class="badges"></div>    
<div class="badges"></div>    
<div class="badges"></div>    
<div style="clear:both;"></div>       
</div>

CSS

#content{
    display:inline-block;
}

.badges{
    width:220px;
    height:380px;
    float:left;
    background:red;
    margin:10px;
}

谢谢，巴斯蒂安

Answer 1

不要使用浮动。

试试这个：

#content {text-align: center;}
.badges {
    width: 220px;
    height: 380px;
    background: red;
    margin: 10px;
    display: inline-block;
}

应该如何使用inline-block。

另外，正如凯庆所说，纠正你的标记。

Answer 2

对于一个你应该用实际的div结束标签而不是跨度来关闭你的div。然后关闭那个清算div

将div的宽度调整为包含多个div的内容

2 个答案: