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>

到目前为止，这是我想要的谷歌浏览器，但它在Firefox上看起来不一样，在IE 10上看起来更糟。

谢谢

Answer 1

删除

display: table;

你会得到相同的结果。

居中多个div

1 个答案: