普通表格如何改成DIV+CSS，就是怎么制作DIV表格，看例子 15
<tablewidth="250"border="0"align="center"cellspacing="1"><tr><td></td><td></td><td></...
<table width="250" border="0" align="center" cellspacing="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
就像这个表格，如何用CSS+DIV做出来，或者高手个做个示例给我看看原理，谢谢了 展开
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
就像这个表格，如何用CSS+DIV做出来，或者高手个做个示例给我看看原理，谢谢了 展开
3个回答
展开全部
<div class=a00>
<div class=a01></div><div class=a02></div><div class=a03></div>
</div>
<div class=a00>
<div class=a01></div><div class=a02></div><div class=a03></div>
</div>
<div class=a00>
<div class=a01></div><div class=a02></div><div class=a03></div>
</div>
a01\a02\a03就是TD的宽度，加个飘左的值，a00等于table的宽度
<div class=a01></div><div class=a02></div><div class=a03></div>
</div>
<div class=a00>
<div class=a01></div><div class=a02></div><div class=a03></div>
</div>
<div class=a00>
<div class=a01></div><div class=a02></div><div class=a03></div>
</div>
a01\a02\a03就是TD的宽度，加个飘左的值，a00等于table的宽度
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
参考一下我在这里的回答
http://zhidao.baidu.com/question/95448055.html
如果还有问题请提出来我再单独回答
PS:css布局并不意味着不可以用表格,只是不再把表格作为布局的手段.在数据统计或类似的情况下用表格还是最好的选择.
http://zhidao.baidu.com/question/95448055.html
如果还有问题请提出来我再单独回答
PS:css布局并不意味着不可以用表格,只是不再把表格作为布局的手段.在数据统计或类似的情况下用表格还是最好的选择.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV+CSS表格</title>
<style type="text/css">
#mainDiv{
width:153px;
overflow:hidden;
}
ul{
list-style:none;
padding:0;
margin:0;
}
li{
width:48px;
float:left;
margin:1px 0 0 1px;
border:1px solid #ccc;
text-align:center;
display:inline;
}
</style>
</head>
<body>
<div id="mainDiv">
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
</body>
</html>
如果用DIV+CSS来制作宽度不一致的表格，就复杂多了。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV+CSS表格</title>
<style type="text/css">
#mainDiv{
width:153px;
overflow:hidden;
}
ul{
list-style:none;
padding:0;
margin:0;
}
li{
width:48px;
float:left;
margin:1px 0 0 1px;
border:1px solid #ccc;
text-align:center;
display:inline;
}
</style>
</head>
<body>
<div id="mainDiv">
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
</body>
</html>
如果用DIV+CSS来制作宽度不一致的表格，就复杂多了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
