打印

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

mycggo [楼主]

银牌会员

帖子: 794
体力: 1228
威望: 0
当前: 上海浦东
离线: 2 天

专长 网页设计,前端制作

1^# 大中小发表于 2008-7-1 09:53

就是让thead tfoot tbody和table的外边框有一定空白距离
table{... padding:4px; }只有firefox3支持
<table ...cellspacing="4"...>ie和firefox都支持，就是表格列之间也会有空白距离。

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

在迷茫中前进...

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

chiyuderen

amot

银牌会员

帖子: 651
体力: 1274
威望: 0
当前: 上海普陀

2^# 大中小发表于 2008-7-1 10:14

<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}

学习```

TOP

美橙vps独立IP月付189元

chiyuderen

amot

银牌会员

帖子: 651
体力: 1274
威望: 0
当前: 上海普陀

3^# 大中小发表于 2008-7-1 10:14

看错了。。。

学习```

TOP

中央美院远程平面设计进修班

mycggo [楼主]

银牌会员

帖子: 794
体力: 1228
威望: 0
当前: 上海浦东
离线: 2 天

专长 网页设计,前端制作

4^# 大中小发表于 2008-7-1 10:15

引用:

原帖由 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

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

touzhao

初级会员

帖子: 146
体力: 160
威望: 0
当前: 北京海淀区
离线: 1 天

专长 前端制作,SEO,网站运营

5^# 大中小发表于 2008-7-1 10:18

这类简单列表
不要用table

cike.org

TOP

mycggo [楼主]

银牌会员

帖子: 794
体力: 1228
威望: 0
当前: 上海浦东
离线: 2 天

专长 网页设计,前端制作

6^# 大中小发表于 2008-7-1 10:30

引用:

原帖由 touzhao 于 2008-7-1 10:18 发表
这类简单列表
不要用table

可能我的图例简单了些，但如果是大量复杂数据时还是用表格好呀。

在迷茫中前进...

TOP

shaohua162001

荷西

高级会员

帖子: 1116
体力: 752
威望: 1
当前: 北京海淀区
离线: 2 天

专长 UI,前端制作

7^# 大中小发表于 2008-7-1 10:30

外面套DIV

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

TOP

mycggo [楼主]

银牌会员

帖子: 794
体力: 1228
威望: 0
当前: 上海浦东
离线: 2 天

专长 网页设计,前端制作

8^# 大中小发表于 2008-7-1 12:18

引用:

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

表格设计



         汽车


         手机


         汽车


         手机


         汽车


         手机


         汽车


         手机
...

如果外边不嵌套DIV或者DIV宽度是100%呢？

在迷茫中前进...

TOP

shaohua162001

荷西

高级会员

帖子: 1116
体力: 752
威望: 1
当前: 北京海淀区
离线: 2 天

专长 UI,前端制作

9^# 大中小发表于 2008-7-1 12:31

不套DIV 我也实现不了

里面的table是100%的跟着外面容器走

TOP

hesenran

RoughSen

初级会员

帖子: 38
体力: 88
威望: 0
当前: 广东肇庆
离线: 4 天

10^# 大中小发表于 2008-7-1 13:28

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

追求-学习-提高!!!!

TOP

ccddmm

中级会员

帖子: 137
体力: 287
威望: 0
当前: 北京朝阳区
离线: 2 天

11^# 大中小发表于 2008-7-1 16:22

黑化肥发灰~~~~

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

TOP

mycggo [楼主]

银牌会员

帖子: 794
体力: 1228
威望: 0
当前: 上海浦东
离线: 2 天

专长 网页设计,前端制作

12^# 大中小发表于 2008-7-1 16:42

引用:

原帖由 ccddmm 于 2008-7-1 16:22 发表
黑化肥发灰~~~~
Normal Content Content Content Content Content Content Content Content Content
提示：您可以先修改部分代码再运行

厉害，居然用TD的左右border。

在迷茫中前进...

TOP