CSS自动适合多个div以跨越页面大小吗？

Question

因此，我需要多个行内的div来跨越我的页面，然后在添加另一个div时执行相同的操作。但是我不确定如何实现这一目标。一个例子是：

[div 1] [div 2] [div 3] [div 4] [div 5]

然后，当添加另一个div时，它不会在下面堆叠，但会减小div的大小以适合该空间。

Answer 1

您应该使用display: table-cell。

参见： http : //jsfiddle.net/2X73J/

浏览器支持非常出色：http : //caniuse.com/css-table

<div class="multiContainer">
    <div>div 1</div>
    ..
</div>

.multiContainer {
    width: 100%;
    display: table;
    background: #ccc
}
.multiContainer > div {
    display: table-cell;
    border: 1px dashed #f0f
}