我们如何在网格布局中实现固定宽度和可变高度,就像www.pinterest.com主页布局一样.我认为他们正在使用Javascript.只是想知道是否还有其他方法.只是使用float:left将无法正常工作.谢谢你的帮助.
也许你可以使用css3 cloumn-count属性作为替代.像这样:
.three-col {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
}
Run Code Online (Sandbox Code Playgroud)
阅读这篇文章http://css-tricks.com/seamless-responsive-photo-grid/
请查看此示例http://jsfiddle.net/pMbtk/55/
| 归档时间: |
|
| 查看次数: |
5189 次 |
| 最近记录: |