求高手给一个Metro风格布局

我是标题
我是标题
我是标题
我是标题
我是标题
我是标题
我是标题
我是标题

$ar = array( array('1x2', '我是标题'), array('2x2', '我是标题'), array('1x2', '我是标题'), array('2x2', '我是标题'), array('1x1', '我是标题'), array('1x1', '我是标题'), array('1x2', '我是标题'), array('1x2', '我是标题'), array('2x2', '我是标题'), array('2x2', '我是标题'), array('1x1', '我是标题'), array('1x1', '我是标题'), array('1x1', '我是标题'), array('1x1', '我是标题'),);shuffle($ar);$box = array( array(1, 1, 1, 1, 1, 1), array(1, 1, 1, 1, 1, 1), array(1, 1, 1, 1, 1, 1),);$res = array();foreach($ar as $ind=>$item) { list($h, $w) = explode('x', $item[0]); //从左上角开始查找摆放的位置 $flag = 0; for($y=0; $y $w, 'r' => $h, 'v' => $ind); for($i=0; $i<$h; $i++) { for($j=0; $j<$w; $j++) { $box[$y+$i][$x+$j] = 0; } } }}echo "";foreach($res as $row) { echo ''; foreach($row as $cell) { echo ""; } echo '';}echo "
{$ar[$cell['v']][1]}
";