用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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
根据你的要求写的一个，使用的是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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<tr>为行。<td>为格。
你那分为两行，第一行两格，第二行三格
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<tr>为行。<td>为格。
你那分为两行，第一行两格，第二行三格
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在第二行嵌套一个<table>,width:100%.很好调的。因为colspan和rowspan都有最小单位，且只识别整数，0是占整行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
