求高手给一个Metro风格布局
用table,初始表格共3行6列
单元格三种规格:1x1 2x1 2x2 ,随机
如下图所示:
谢谢!
回复讨论(解决方案)
这个意思?
<table border=1 style='width:100%; table-layout:fixed;'><tr><th colspan=2>我是标题</th><th rowspan=2 colspan=2>我是标题</th><th colspan=2>我是标题</th></tr><tr><th rowspan=2 colspan=2>我是标题</th><th>我是标题</th><th>我是标题</th></tr><tr><th colspan=2>我是标题</th><th colspan=2>我是标题</th></tr></table>
用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 "<table border=1 style='width:100%; table-layout:fixed;'>";foreach($res as $row) { echo '<tr>'; foreach($row as $cell) { echo "<th colspan=$cell[c] rowspan=$cell[r]>{$ar[$cell['v']][1]}</th>"; } echo '</tr>';}echo "</table>";

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

Laravel使用其直观的闪存方法简化了处理临时会话数据。这非常适合在您的应用程序中显示简短的消息,警报或通知。 默认情况下,数据仅针对后续请求: $请求 -

这是有关用Laravel后端构建React应用程序的系列的第二个也是最后一部分。在该系列的第一部分中,我们使用Laravel为基本的产品上市应用程序创建了一个RESTFUL API。在本教程中,我们将成为开发人员

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显着减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

PHP客户端URL(curl)扩展是开发人员的强大工具,可以与远程服务器和REST API无缝交互。通过利用Libcurl(备受尊敬的多协议文件传输库),PHP curl促进了有效的执行

您是否想为客户最紧迫的问题提供实时的即时解决方案? 实时聊天使您可以与客户进行实时对话,并立即解决他们的问题。它允许您为您的自定义提供更快的服务

在本文中,我们将在Laravel Web框架中探索通知系统。 Laravel中的通知系统使您可以通过不同渠道向用户发送通知。今天,我们将讨论您如何发送通知OV

文章讨论了PHP 5.3中引入的PHP中的晚期静态结合(LSB),从而允许静态方法的运行时分辨率调用以获得更灵活的继承。 LSB的实用应用和潜在的触摸

PHP日志记录对于监视和调试Web应用程序以及捕获关键事件,错误和运行时行为至关重要。它为系统性能提供了宝贵的见解,有助于识别问题并支持更快的故障排除
