打印

[讨论] 这样效果的表格如何实现?

就是让thead tfoot tbody和table的外边框有一定空白距离
table{... padding:4px; }只有firefox3支持
<table ...cellspacing="4"...>ie和firefox都支持,就是表格列之间也会有空白距离。
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
在迷茫中前进...
<dl>
    <dt>content</dt>
    <dd></dd>
    <dd></dd>
    ......
    ......
    <dd class="lastdd"></dd>
</dl>

css
*{margin:0; padding:0}
body{text-align:center}
dl{border:1px solid #ccc; width:260px; height:400px; overflow:hidden;}
dl dt{ font:bold 14px/22px '宋体'; height:22px;}
dl dd{ width:248px; border-bottom:1px solid #ccc;}
dl dd.lastdd{border:none}
学习```
看错了。。。
学习```
引用:
原帖由 chiyuderen 于 2008-7-1 10:14 发表

    content
   
   
    ......
    ......
   


css
*{margin:0; padding:0}
body{text-align:center}
dl{border:1px solid #ccc; width:260px; height:400px; overflow:hidden;}
dl dt{ font:b ...
想用一个表格实现,毕竟如果数据很多的话表格还是最佳和标准的选择。
在迷茫中前进...

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
这类简单列表
不要用table
cike.org

TOP

引用:
原帖由 touzhao 于 2008-7-1 10:18 发表
这类简单列表
不要用table
可能我的图例简单了些,但如果是大量复杂数据时还是用表格好呀。
在迷茫中前进...

TOP

外面套DIV

[ 本帖最后由 shaohua162001 于 2008-7-2 09:50 编辑 ]

TOP

引用:
原帖由 shaohua162001 于 2008-7-1 10:30 发表
[html]




表格设计






       
              
                     
                            汽车
                     
                     
                            手机
                     
                     
                            汽车
                     
                     
                            手机
                     
                     
                            汽车
                     
                     
                            手机
                     
                     
                            汽车
                     
                     
                            手机
...
如果外边不嵌套DIV或者DIV宽度是100%呢?
在迷茫中前进...

TOP

不套DIV 我也实现不了
里面的table是100%的 跟着外面容器走

TOP



 提示:您可以先修改部分代码再运行
追求-学习-提高!!!!

TOP

黑化肥发灰~~~~

 提示:您可以先修改部分代码再运行

TOP

引用:
原帖由 ccddmm 于 2008-7-1 16:22 发表
黑化肥发灰~~~~

 提示:您可以先修改部分代码再运行
厉害,居然用TD的左右border。
在迷茫中前进...

TOP