用div+css做表格
发布网友
发布时间:2022-05-05 09:45
我来回答
共2个回答
热心网友
时间:2022-04-20 21:18
如果有很多单元格的话,还是尽量用表格来做。
DIV:
<div
style="width:600px;overflow:hidden;">
<div
style="float:left;width:98px;height:700px;border:1px
solid
#000;"></div>
<div
style="float:left;width:499px;height:100px;border:1px
solid
#000;border-left:0px;"></div>
<div
style="float:left;width:499px;height:599px;border:1px
solid
#000;border-left:0px;border-top:0px;"></div>
</div>
热心网友
时间:2022-04-20 22:36
看不见图片给你弄了个5行5列的表格
<table
width="500"
border="2"
cellspacing="0"
cellpadding="0">
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
如何用DIV+CSS制作表格
1)DIV+CSS是用来替换表格排版的,表格还是用table。2)可以尝试用ul li 做简单的表格 3)用DIV+CSS做表格的方法和做页面布局的方法一致,所以你要学习一下这方面,可以参考一下相关视频教程。如果做复杂的表格因为需要反复嵌套效果就不好了。
用纯DIV+CSS做一个两行两列的表格,但第二列中两行是合并的,如下面这样...
</ul> 总体思路就是利用宽度和浮动来实现,给ul一个固定的宽度,第一行显示的li平分这个宽度,后面的li因为没有位置就自动去了第二行,让它独占一行,就可以实现这个效果。以上,希望对你有帮助。
谁会用DIV+CSS写这么个表格?
div+css 写表格很费劲的,你为什么要这么做那。直接用表格就可以。你是为了抛弃表格吗?还是要练习。
用div+css display:table;属性制作的table表格,在Ie中无法实现,貌似Ie...
因为你写的这个没有一个width值。。所以他会根据你所给的类容把表格撑开。而且给标签定义样式的时候。比如像margin和padding值在ie里不显示。有的还不显示。。你也可以先给table里的td固定好width值和height值。然后在里面套用表格里的文本区域。给这个文本域定义一下显示宽度。然后超过这个宽度会自动换...
怎样用CSS DIV做出和表格一样的效果<类似有单元格,几行几列的样子>_百...
1.CSS布局常用的方法:float : none | left | right 取值:none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml:<div id="warp"> <div id="column1">这里是第一列</div> <div id="column2">这里是第二列...
普通表格如何改成DIV+CSS,就是怎么制作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+css制作一个类似于表格的东西?
border-top-style: solid;border-left-style: solid;border-top-color: #CCCCCC;border-left-color: #CCCCCC;border-collapse:collapse;} table th,table td { border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #CCC...
怎么用DIV插入一个一行两列的表格
要使用div做一个表格,主要需要应用到css中的border表框属性,这样看起来才像是一个表格。示例代码如下:html代码:<div class="table"> <div class="col">第一个单元格</div> <div class="col">第二个单元格</div> </div>CSS代码:.table{width:500px;height:150px;margin:0px auto;...
Div+css写出表格5行3列
<title>表格CSS</title> <style> <!-- table { width: 300px;margin: 0px;padding: 0px;} table div { margin: 1px;float: left;width: 96px;height: 30px;border: 1px solid #930;} --> </style> </head> <body> <div id="table"> <div></div> <div></div> <div></...
传说中的div+css可不可以有表格
div+css是去掉了表格演变成了层!两个是互不影响的。但是出现div的地方不要出现table。有table的地方不要出现div!