首页 / PHP / 求高手给一个Metro风格布局

求高手给一个Metro风格布局

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了求高手给一个Metro风格布局，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1465字，纯文字阅读大概需要3分钟。

内容图文

用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<count($box); $y++) {    for($x=0; $x<count($box[$y]); $x++) {      if($box[$y][$x] == 1 && isset($box[$y+$h-1][$x+$w-1]) && $box[$y+$h-1][$x+$w-1] == 1) {        $flag++;        break 2;      }    }  }  if($flag) {    $res[$y][] = array('c' => $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]}
";

内容总结

以上是互联网集市为您收集整理的求高手给一个Metro风格布局全部内容，希望文章能够帮你解决求高手给一个Metro风格布局所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/201076.html

来源：【匿名】