我正在尝试在包装 div 元素内放置一系列瓷砖。目前,它们出现在包装 div 内部,然后溢出到 div 外部,而不是水平包装并显示为瓷砖。这是一个JSFiddle 示例。
举个例子来说明它们的外观,看看 Windows Metro 界面,其中磁贴环绕到一个新列: 这是 CSS:
body {
margin-top: 50px;
background: #238d9a;
}
#metro {
width: 960px;
height: 340px;
background: #004050;
margin: 0 auto;
padding: 10px;
}
.tile {
width: 100px;
height: 100px;
background: white;
margin: 0px 10px 10px 0px;
}