html 两行三列 (上面是一长条,下面分成三列)的 框架 代码

html 两行三列 (上面是一长条,下面分成三列)的 框架 代码,第1张

代码如下,使用嵌套框架就行:

<frameset rows="100,*" border="1">

    <!-- 上面的一窄列 -->

    <frame src="header.html"></frame>

    <!-- 下面的3列,宽度分别为20%,60%,20% -->

    <frameset cols="20,60,20" border="1">

        <frame src="left.html"></frame>

        <frame src="middle.html"></frame>

        <frame src="right.html"></frame>

    </frameset>

</frameset>

比如第一行3列均分,第二行二列均分,就找第一行列数和第二行列数的最小公倍数,如以下这个,最小公倍数就是标题跨列数:6,第一行每一单元格跨列2  第二行跨列3,刚好。

<table class="m-pnjctable">

<tr>

<td colspan="6">我是一个标题</td>

</tr>

<tr>

<th colspan="2">我是第一行第一列</th>

<th colspan="2">我是第一行第二列</th>

<th colspan="2">我是第一行第三列</th>

</tr>

<tr>

<th colspan="3">我是第二行第一列</th>

<th colspan="3">我是第二行第二列</th>

</tr>

</table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7232033.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存