怎样使一个父容器内的所有DIV横向排列，并且不显式设置div的高度，无论div的内容多大，父容器内的所有div高度都一样？

Question

一个div，里面都是div，并且都是横向排列，不显式设置父容器内的所有div的高度，无论父容器内的任意div里面的内容多大，父容器内的所有的div高度都要保持一样。父容器内的所有div宽度也不显式设置

可能会随着内容增多而增大div的高度，里面的内容导致div高度增大，则父容器内所有的div的高度都统一调整到一样的高度。所有div在高度上排列要一致，不要因为个别div的过多的内容导致有凸出的地方

请使用CSS完成。不要必须使用js代码才能做到的方式。

Answer 1

可以用flex布局实现，默认就是拉伸对齐的

.flex{
  display: flex;
  /* align-items: stretch; 不需要 */
}

https://codepen.io/xboxyan/pe...

Answer 2

如果内容是数字或者英文可以加一个这个属性word-break: break-all;

https://developer.mozilla.org...

item{
  width: 2rem;
  padding: 10px;
  border-radius: 4px;
  word-break: break-all;
  background: deeppink
}