我在显示彼此整齐流动以显示数据的列表时遇到问题。以下是我试图建立我的列表的基础:http ://www.about.com/#!/explore-topics/
我翻阅了样式表,但不知道他们是如何做到这一点的。我想知道是否有人能够对此有所启发,我一直在扯头发试图复制同样的东西,但我无法做到。我认为这可能是 Javascript 的事情,但我不确定。任何帮助深表感谢。
我在显示彼此整齐流动以显示数据的列表时遇到问题。以下是我试图建立我的列表的基础:http ://www.about.com/#!/explore-topics/
我翻阅了样式表,但不知道他们是如何做到这一点的。我想知道是否有人能够对此有所启发,我一直在扯头发试图复制同样的东西,但我无法做到。我认为这可能是 Javascript 的事情,但我不确定。任何帮助深表感谢。
从他们的CSS:
#explore-topics .viewport {
-moz-column-width: 216px;
-webkit-column-width: 216px;
column-width: 216px;
width: 7910px;
}
他们正在使用 CSS3 列定义。在此处阅读更多信息:http: //www.w3schools.com/css3/css3_multiple_columns.asp