一个网格divs与未知和相等的高度

我有未知的数字在每个div（未知高度）的未知数据这些divs具有相同的宽度说300px。我需要将它们一个接一个地放置，所以我得到一个网格结果。每行中的所有div应该具有相同的高度，因此每行将是平坦的，并且整个网格看起来不错。一个网格divs与未知和相等的高度

我目前的版本不起作用。它使得网格具有不同的高度。即时通讯想通过JavaScript设置所有高度。

<style> 
    .inline { 
     width:300px; 
     display:inline-block; 
     vertical-align:top; 
    } 
</style> 

    <div class="inline"> 
     Some Text 
    </div> 
    <div class="inline"> 
     Some Text 
     Some More Text 
    </div> 
    <div class="inline"> 
     Some Text 
     Some More Text 
     Some More Text 
    </div> 
    <div class="inline"> 
     Some Text 
     Some More Text 
     Some More Text 
     Some More Text 
     Some More Text 
    </div> 
    <div class="inline"> 
     Some Text 
     Some More Text 
    </div> 
    <div class="inline"> 
     Some More Text 
     Some More Text 
     Some Text 
    </div>

来源

2010-07-29 max bugaenko

下面是等高列的体面战略上Position is Everything，它看起来像它会做你要找的东西。如果没有，那么你可以在你最喜欢的搜索引擎的帮助下找到其他几十种技术。

来源

2010-07-29 11:45:16 derekerdmann

你可以使用CSS属性显示：表细胞

http://jsfiddle.net/AGjBM/

<style> 
    div { 
     display: table-cell; 
     border: 1px solid; 
    } 
</style> 

    <div class="table-cell"> 
     Some Text 
    </div> 
    <div class="table-cell"> 
     Some Text<br> 
     Some More Text 
    </div>

来源

2011-02-23 10:04:24 gentooboontoo

一个网格divs与未知和相等的高度

回答

相关问题