就是想用div实现table的rowspan功能阿.
像下面那样:(看来相当麻烦啊。还是用会table好了)
test1.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.container {width:500px;height:auto;border:0.2cm groove orange;align:center;}
.container .block { float: left; margin-bottom: -2000px; padding-bottom: 2000px;
border:0.2cm groove pink;}
.headFont {
color:#000000;
line-height:25px;
BORDER-TOP: white 1px solid;
BACKGROUND: #E8E6E3;
BORDER-LEFT: white 1px solid;
padding:3px;
text-align:center;
font-size: 12px;
}
.tblHead {float:left;border:0.2cm groove pink;}
.tblCol {float:left;border:0.2cm groove pink;}
</style>
</head>
<body>
<div class=container>
<div class="tblHead headFont" style="width:20%;">
标题1
</div>
<div class="tblHead headFont" style="width:40%;">
标题2
</div>
<div class="tblHead headFont" style="width:39.5%;">
标题3
</div>
<div class="block" style="width:20%;text-align:center;">
11<br>
</div>
<div class="block" style="width:79%;">
<div class="tblCol" style="width:50%;">
12
</div>
<div class="tblCol" style="width:50%;">
13
</div>
<div class="tblCol" style="width:50%;">
22
</div>
<div class="tblCol" style="width:50%;">
23
</div>
</div>
<div class="block" style="width:20%;text-align:center;">
11<br>
</div>
<div class="block" style="width:79%;">
<div class="tblCol" style="width:50%;">
12
</div>
<div class="tblCol" style="width:50%;">
13
</div>
<div class="tblCol" style="width:50%;">
22
</div>
<div class="tblCol" style="width:50%;">
23
</div>
</div>
</div>
<body>
</html>
【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
: 没看懂你想问啥或想要表达啥意思
--
FROM 211.99.222.*