你可以用JS计算一下最高一列的高度，然后去设置所有列的高度，然而这会造成页面的闪动。
借助table td的等高特性，我们可以实现这一点。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>2.4 多列等高</title>
</head>
<style>
.wrapper {
display: table;
border-spacing: 20px; /* td 间距 */
}
.wrapper > div {
display: table-cell; /* 将 div 设置为 td 格式 */
width: 300px;
border-radius: 5px;
background: red;
}
</style>
<body class="home">
<div class="wrapper">
<div>苹果（学名：Malus pumila）是水果的一种，是蔷薇科苹果亚科苹果属植物，其树为落叶乔木。苹果的果实富含矿物质和维生素，是人们经常食用的水果之一。 苹果是一种低热量食物，每100克只产生60千卡热量。苹果中营养成分可溶性大，易被人体吸收，故有“活水”之称。其有利于溶解硫元素，使皮肤润滑柔嫩 [1] 。据说“每天一苹果，医生远离我”。 根据联合国粮农组织统计，2013年全世界的苹果产量为8082万吨，超过葡萄的7718万吨，排世界第二位（第一位是香蕉：1.067亿吨）。毫无疑问，苹果是温带水果之王。 苹果营养丰富，味道甜美。 [1] </div>
<div>香蕉（学名：Musa nana Lour.）芭蕉科芭蕉属植物，又指其果实。热带地区广泛栽培食用。香蕉味香、富含营养，终年可收获，在温带地区也很受重视。植株为大型草本，从根状茎发出，由叶鞘下部形成高3～6公尺(10～20尺)的假杆；叶长圆形至椭圆形，有的长达3～3.5公尺(10～11.5尺)，宽65公分(26寸)，10～20枚簇生茎顶。穗状花序下垂 [1] ，由假杆顶端抽出，花多数，淡黄色；果序弯垂，结果10～20串，约50～150个。植株结果后枯死，由根状茎长出的吸根继续繁殖，每一根株可活多年。原产亚洲东南部：台湾、海南、广东、广西等地区均有栽培。</div>
<div>水蜜桃（学名：Prunus persica 、meltingfleshed peach）：蔷薇科、桃属植物。南方品种群中肉质柔软多汁呈软溶质的一类品种。果实顶部平圆，熟后易剥皮，多粘核。 [1] 属于球形可食用水果类，水蜜桃有美肤、清胃、润肺、祛痰等功效。它的蛋白质含量比苹果、葡萄高一倍，比梨子高七倍，铁的含量比苹果多三倍，比梨子多五倍，富含多种维生素，其中维生素C最高。水蜜桃树属于落叶小乔木植物，一般树高3-4米。开始结果早，定植2～3年开始结果，6～7年达盛果期，15～20年后渐入衰老，寿命较短，较好的25～30年还保持高产量。</div>
<div>菠萝（学名：Ananas comosus），是热带水果之一。福建和台湾地区称之为旺梨或者旺来（ông-lâi），新马一带称为黄梨，大陆及香港称作菠萝。有70多个品种，岭南四大名果之一。 菠萝原产于南美洲巴西、巴拉圭的亚马逊河流域一带，16世纪从巴西传入中国。 现在已经流传到整个热带地区。其可食部分主要由肉质增大之花序轴、螺旋状排列于外周的花组成，花通常不结实，宿存的花被裂片围成一空腔，腔内藏有萎缩的雄蕊和花柱。叶的纤维甚坚韧，可供织物、制绳、结网和造纸。 [1] 凤梨与菠萝在生物学上是同一种水果。 [2] 市场上，凤梨与菠萝为不同品种水果：菠萝削皮后有“内刺”需要剔除；而凤梨消掉外皮后没有“内刺”，不需要刀到划出一道道沟。</div> </div>
</body>
</html>
这样做还有一个好处，就是在响应式开发的时候，可以借助媒体查询动态改变排列的方式。
例如在小于500px时，每一列占满一行，那么只要把 display:table-cell 覆盖掉就好了。
@media (max-width: 400px) {
.wrapper {
display: :block;
}
.wrapper > div {
display: block;
width: 100%;
}
}
如果在宽为1024px的设备上，希望一行显示两个，那应该怎么办呢？由于使用了td，必定会排在同一行。其实可以在第二个和第三个td之间加一个tr，让它换行即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>2.4 多列等高</title>
</head>
<style>
.wrapper {
display: table;
border-spacing: 20px; /* td 间距 */
}
.wrapper > div {
display: table-cell;
width: 300px;
border-radius: 5px;
background: khaki;
}
.tr {
display: table-row;
}
@media (max-width: 1024px) and (min-width: 501px) {
.tr {
display: table-row;
}
}
@media (max-width: 400px) {
.wrapper {
display: block;
}
.wrapper > div {
display: block;
width: 100%;
}
}
</style>
<body class="home">
<div class="wrapper">
<div>苹果（学名：Malus pumila）是水果的一种，是蔷薇科苹果亚科苹果属植物，其树为落叶乔木。苹果的果实富含矿物质和维生素，是人们经常食用的水果之一。 苹果是一种低热量食物，每100克只产生60千卡热量。苹果中营养成分可溶性大，易被人体吸收，故有“活水”之称。其有利于溶解硫元素，使皮肤润滑柔嫩 [1] 。据说“每天一苹果，医生远离我”。 根据联合国粮农组织统计，2013年全世界的苹果产量为8082万吨，超过葡萄的7718万吨，排世界第二位（第一位是香蕉：1.067亿吨）。毫无疑问，苹果是温带水果之王。 苹果营养丰富，味道甜美。 [1] </div>
<div>香蕉（学名：Musa nana Lour.）芭蕉科芭蕉属植物，又指其果实。热带地区广泛栽培食用。香蕉味香、富含营养，终年可收获，在温带地区也很受重视。植株为大型草本，从根状茎发出，由叶鞘下部形成高3～6公尺(10～20尺)的假杆；叶长圆形至椭圆形，有的长达3～3.5公尺(10～11.5尺)，宽65公分(26寸)，10～20枚簇生茎顶。穗状花序下垂 [1] ，由假杆顶端抽出，花多数，淡黄色；果序弯垂，结果10～20串，约50～150个。植株结果后枯死，由根状茎长出的吸根继续繁殖，每一根株可活多年。原产亚洲东南部：台湾、海南、广东、广西等地区均有栽培。</div>
<span class="tr"></span>
<div>水蜜桃（学名：Prunus persica 、meltingfleshed peach）：蔷薇科、桃属植物。南方品种群中肉质柔软多汁呈软溶质的一类品种。果实顶部平圆，熟后易剥皮，多粘核。 [1] 属于球形可食用水果类，水蜜桃有美肤、清胃、润肺、祛痰等功效。它的蛋白质含量比苹果、葡萄高一倍，比梨子高七倍，铁的含量比苹果多三倍，比梨子多五倍，富含多种维生素，其中维生素C最高。水蜜桃树属于落叶小乔木植物，一般树高3-4米。开始结果早，定植2～3年开始结果，6～7年达盛果期，15～20年后渐入衰老，寿命较短，较好的25～30年还保持高产量。</div>
<div>菠萝（学名：Ananas comosus），是热带水果之一。福建和台湾地区称之为旺梨或者旺来（ông-lâi），新马一带称为黄梨，大陆及香港称作菠萝。有70多个品种，岭南四大名果之一。 菠萝原产于南美洲巴西、巴拉圭的亚马逊河流域一带，16世纪从巴西传入中国。 现在已经流传到整个热带地区。其可食部分主要由肉质增大之花序轴、螺旋状排列于外周的花组成，花通常不结实，宿存的花被裂片围成一空腔，腔内藏有萎缩的雄蕊和花柱。叶的纤维甚坚韧，可供织物、制绳、结网和造纸。 [1] 凤梨与菠萝在生物学上是同一种水果。 [2] 市场上，凤梨与菠萝为不同品种水果：菠萝削皮后有“内刺”需要剔除；而凤梨消掉外皮后没有“内刺”，不需要刀到划出一道道沟。</div>
</div>
</body>
</html>