用html怎么画一个第一行平均分两列,第二行平均分三列的表格代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用html怎么画一个第一行平均分两列,第二行平均分三列的表格代码相关的知识,希望对你有一定的参考价值。

比如第一行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>

参考技术A

根据你的要求写的一个,使用的是display:table和display:table-cell样式,兼容到ie8。

<!DOCTYPE html>
<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        .table  display:table;width:200px;border-bottom:1px solid #333;border-right:1px solid #333;
        .table-cell  display:table-cell;border-left:1px solid #333;border-top:1px solid #333;height:30px;
    </style>
</head>
<body>
    <div class="table" style="border-bottom:0px;">
        <div class="table-cell"></div>
        <div class="table-cell"></div>
    </div>
    <div class="table">
        <div class="table-cell"></div>
        <div class="table-cell"></div>
        <div class="table-cell"></div>
    </div>
</body>
</html>

本回答被提问者采纳
参考技术B <table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>

</tr>

</table>
<tr>为行。<td>为格。
你那分为两行,第一行两格,第二行三格
参考技术C <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table
width:200px;
border-collapse: collapse;
border: 1px solid #000;

table tr
height:30px;

table td
border: 1px solid #000;

</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
参考技术D 在第二行嵌套一个<table>,width:100%.很好调的。因为colspan和rowspan都有最小单位,且只识别整数,0是占整行

数据洞察折线图基线平均值

【中文标题】数据洞察折线图基线平均值【英文标题】:Data Studio line chart baseline average 【发布时间】:2019-05-31 15:43:37 【问题描述】:

在 Data Studio 中,我想创建一个显示两条线的折线图。第一行是上一年的平均数量。这是根据去年的数据计算的单个值,显示为水平线。第二行显示当前年度的运行每日数量。我的数据源是 BigQuery

我绘制了第二行,以日期为维度,以当年的每日数量为指标。

我不知道如何绘制第一行 - 上一年的单数平均值。

我尝试通过视图和 BigQuery 连接器自定义查询为平均值创建第二个数据源。我无法通过日期维度链接第二个数据源,因为它是单个值

如何绘制平均值?

【问题讨论】:

【参考方案1】:

我改为添加了一个运行平均值:

我再次添加了数量作为第二个指标,其中包含“Sum”聚合 在“应用运行计算”下的这个新指标的编辑器中,我选择了“运行平均值”

这至少给了我一些比较当前数量的基线。

【讨论】:

以上是关于用html怎么画一个第一行平均分两列,第二行平均分三列的表格代码的主要内容,如果未能解决你的问题,请参考以下文章

div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做

html table 列宽

html里如何用表格实现两行两列、第一行的第二列和第二行的第二列是合并的。也就说浏览器里看到的效果是

div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做

[模拟退火] HAOI2006 均分数据

监控系统的状态八大命令