CSS - 相同高度容器

Question

我试图在CSS中复制以下内容并且似乎无法正确使用它。我尝试过使用表格单元格，但似乎底部进度条的边距似乎已经崩溃。

段落标记必须大小相同，并且垂直和水平居中。

任何人都可以建议这样做，我开始挣扎。

由于

https://jsbin.com/rukodo/2/edit?html,css,output

Answer 1

我建议您重新构建代码，使文本块具有一个父代。我修改了您的代码：https://jsbin.com/wujezugima/1/edit?html,css,output 这样，较大的文本块将扩展父块.container的高度，这将正确对齐其他文本块

Answer 2

    You can use this code for same height.
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
function equalHeight(group) { 
    tallest = 0; 
    group.each(function() { 
        thisHeight = $(this).height(); 
        if(thisHeight > tallest) { 
            tallest = thisHeight; 
        } 
    }); 
    group.height(tallest); 
} 

$(document).ready(function(){ 
    equalHeight($(".EqHeightDiv")); 
}); 
</script>
<div class="EqHeightDiv" style="float:left;border:solid 1px #ccc;margin:10px;">Here is some stuff</div><div class="EqHeightDiv" style="float:left;border:solid 1px #ccc;margin:10px;">Here is some stuff</div><div class="EqHeightDiv" style="float:left;border:solid 1px #ccc;margin:10px;">Here is some stuff</div>