居中多 div

Question

我正在尝试将倍数 div 居中，以便它可以跨所有浏览器工作。

<style>
.boxContent {
    width: 288px;    
    height: 288px;
    background-color: #777;
    margin: 2px;
    display: inline-block;
}
.boxContainer {
    background-color: #333;
    text-align: center;
    display: table;
}
</style>  
<body>
    <div class="container">
        <div class="row">
            <div class="boxContainer center">
                <div class="boxContent">asda</div>
                <div class="boxContent">asda</div>
                <div class="boxContent">asdas</div>
                <div class="boxContent">asda</div>
                <div class="boxContent">asdas</div>
                <div class="boxContent">asda</div>
                <div class="boxContent">asda</div>
                <div class="boxContent">asda</div>
                <div class="boxContent">asda</div>
                <div class="boxContent">asda</div>
                <div class="boxContent">asda</div>
            </div>            
        </div>    
    </div>
</body>

到目前为止，这是我在 google chrome 上的工作方式，但在 Firefox 上看起来不一样，在 IE 10 上看起来更糟。

谢谢

Answer 1

删除

display: table;

你会得到相同的结果。

居中多 div

Centering multi div

html

css

centering