欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

求高手给一个Metro风格布局

程序员文章站 2022-05-17 22:43:05
...
用table,初始表格共3行6列
单元格三种规格:1x1 2x1 2x2 ,随机
如下图所示:

谢谢!


回复讨论(解决方案)

这个意思?


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

用css+div 可能要简单些

这个意思?
用css+div 可能要简单些


简短的html静态语言我会,我要用php实现随机的。

单元格(三种规格:1x1 2x1 2x2 )需要随机出现

给你个思路,自己调整去吧

$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";foreach($res as $row) {  echo '';  foreach($row as $cell) {    echo "{$ar[$cell['v']][1]}";  }  echo '';}echo "";