溢出切断结果(附图)

时间:2013-01-14 18:44:33

标签: css list overflow hidden

左边的“结果”部分是当前正在发生的事情。右边的部分我想要对结果发生什么。当容器的结果组看起来很大时,容器底部的结果显示隐藏本身。我一直在网上搜索CSS修复,任何帮助将不胜感激。

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用一种技巧,包括使用可能不完全支持的columns

http://jsfiddle.net/szGVu/

#holder{
  columns: 110px;
  -webkit-columns: 110px;
  -moz-columns: 110px;

  height: 300px;
  width: 110px;
  overflow: hidden;
}

.child{
  margin: 5px;
  height: 100px;
  width: 100px;
  display: inline-block;
}