怎么将TABLE转化为DIV+CSS?(只会TABLE不会CSS+DIV怎么办?)

发布网友 发布时间：2022-04-20 19:21

我来回答

共6个回答

懂视网 时间：2022-04-20 23:42

Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。支持外部CSS,支持网页及目录批量转换。

更新说明:
3.0.0
+增加DOM(文档对象模型)查看器，允许调整转换设置.
+通用CSS前缀配置默认值"gen".
+增加视频转换教学帮助

转化并不完美，推荐还是手写好

http://crsky.com/soft/17912.html#fb

热心网友 时间：2022-04-20 20:50

<div style="width:100%;float:left;">
<div style="float:left;">
<div class="toptab1" onclick="sub(this)">待接收的工作</div>
<div class="toptab2" onclick="sub(this)">我的在办工作</div>
<div class="toptab2" onclick="sub(this)">我已办结工作</div>
</div>

</div>

-----------------------------------------------

.toptab1 {
/*list-style-type: none;*/
min-width:60px;
_width:60px;
overflow: hidden;
float:left;
text-align:center;
height:22px;
line-height:22px;
background:url(../../images/jtyst/xx_1.jpg);
padding:2px 6px 0 6px;
margin:0 10px 0 0;
font-size: 12px;
color: #FFFFFF;
filter: DropShadow(Color=#005097, OffX=0, OffY=1, Positive=1);
cursor: pointer;
}
.toptab2 {
min-width:60px;
_width:60px;
overflow: hidden;
float:left;
padding:2px 6px 0 6px;
margin:0 10px 0 0;
text-align:center;
height:22px;
line-height:22px;
font-size: 12px;
background-color:#ffffff;
color: #333333;
font-weight: normal;
text-decoration: none;
cursor: pointer;
}

一个简单的例子。。

还有一个简单的说明：http://www.wizzer.cn/?p=823

我最近也在学~~百啊度啊的

热心网友 时间：2022-04-20 22:08

再百度里面搜索“table2css”有一个软件，可以将table转换成div+css格式的。但是转换的效果不是很好，还需要自己手动的进行微调。希望对你可以有帮助。快给分

热心网友 时间：2022-04-20 23:43

TABLE是html 语言，用来布局没CSS方便！CSS布局采用的是盒子模型！流的形态！分出图层一样！在修改的时候只需去修改CSS代码就可以了！要问如何使用，那就要学习CSS技术了！这个很简单！一天搞定了！

热心网友 时间：2022-04-21 01:34

现在DIV+CSS已经成为主流的趋势，Table只用于显示信息了～但并不是说否定了Table，根据难易程度选择哪个更好。

一个Table就是一个大的Div。
Table里的Tr就是子Div。
Td的内容可以用P，SPAN，UL来显示了。

热心网友 时间：2022-04-21 03:42

这不是简单的替换的问题，div+css布局是一种布局方法，你需要学习一下css和div的用法，了解了它的好处之后，你就自然不会再用table布局了。