首页新闻招聘找找看知识库
  • 回复:38 浏览:16682 2008-10-03 18:45 来自 iam9527

    我一般用div,ul,li做table,但是始终在高度问题方面不大明白。

    NB:下面说的table,row,col,cell都是个抽象的概念。

    首先是table高度自适应的问题。 假设我做一个1row,2col的table, 一般我用来打网站框架,col1是菜单,col2是内容,这2部分都是动态显示,要求2个col等高。

    然后是用li做个table,div做col,8rowx4col, 每个cell的内容都是动态,所以没有办法预测高度,要求每row都对齐。

    在IE7下很好自适应,但是FF3好像就不行,我一般用overflow:hidden,加载在table/ul的class/id里,但是有时还是不管用,给为有没有好经验办法?

    还有关于min-height/max-height,如果用在FF3里,好像也不管用了,以前在FF2里倒是有效果的。

    以上,希望交流下。

  • 棕熊
    2008-10-08 23:32 棕熊
    二维的表格还是该用table来做
    用ul li来模拟表格,本来就是跟用javascript 写UI一样,很多此一举的事情,更不用说还用div这样没有语义的标签了
    所以推荐楼主,表格还是请用table
    第1楼 回到顶楼
  • 曹赛楠
    2009-05-19 09:44 曹赛楠
    用table
    不好啊 ~~~~~ 这次公司做页面 要纯Div+CSS 我都快郁闷死了
    第2楼 回到顶楼
  • raozou
    2009-05-19 17:08 raozou
    一个傻瓜的判断方法

    如果 数据是纵向发展 请用列表
    如果 数据室横向发展 请用table

    明明是表现数据 很典型的表格 如果还用 什么 所谓的“div+css”那只能说明领导的脑壳进了水 不懂装懂。

    【棕熊】也提到了 “语义化的标签” 这点很重要 否则重构就失去了意义
    第3楼 回到顶楼
  • 曹赛楠
    2009-06-07 14:18 曹赛楠
    @raozou
    哈哈 该用表格 就得用表格 ~!
    第4楼 回到顶楼
  • sun shine
    2009-06-26 18:25 sun shine
    @raozou
    横向的导航不都是用li 写的?
    第5楼 回到顶楼
  • xihafly
    2009-06-26 20:23 xihafly
    数据室横向发展 用div+css也不错啊
    感觉现在是:公司都喜欢用div+css,不喜欢table
    第6楼 回到顶楼
  • 梅桦
    2009-06-27 10:12 梅桦
    为什么数据还要用结构标签来模拟?

    已经分离了,还这样多此一举为么?

    已经脱离了所说的标准设计。

    过犹不及。
    第7楼 回到顶楼
  • 真空泵
    2009-06-27 10:47 真空泵
    用table,在里面加上div啊!!!
    这样会好控制一点。
    真空泵
    第8楼 回到顶楼
  • Tony Chi
    2009-06-29 20:59 Tony Chi
    div + css被滥用,就像table被滥用一样!
    第9楼 回到顶楼
  • 小鞠
    2009-07-23 08:56 小鞠
    啊。。。我还是喜欢用table..

    但不知道。。table的缺点的哪。。

    菜鸟还没发现 。。
    望高手指点一二
    3Q~
    第10楼 回到顶楼
  • 司徒正美
    2009-08-03 09:24 司徒正美
    这样就不能使用col与colgroup了!
    第11楼 回到顶楼
  • 侯锋
    2009-08-03 09:48 侯锋
    表格的用途是什么? 就是用来显示数据的!
    不能矫枉过正,页在布局Div+Css ,二维的数据表格还是用table来做.
    //
    我曾经也是有Div+Css强迫症的.
    第12楼 回到顶楼
  • think_fish
    2009-08-03 15:53 think_fish
    @曹赛楠
    我最近写的俩网站基本上都是用的纯DIV+CSS
    以前用TABLE的时候只想用DIV,很是认为俩一起用才是王道
    第13楼 回到顶楼
  • think_fish
    2009-08-03 15:54 think_fish
    @侯锋
    是不是觉得用TABLE落伍了?只想用DIV+CSS试试?或者明明用TABLE方便却偏偏要用DIV?
    我现在就这种感觉
    第14楼 回到顶楼
  • think_fish
    2009-08-03 15:55 think_fish
    @小鞠

    TABLE就是那些<tr><td>的标签过多了……其实也没啥,定位要比DIV容易也精准一些
    第15楼 回到顶楼
  • 三丫头
    2009-08-03 20:17 三丫头
    虽然现在不是学习网站的,但是听div+css居多,最近好像超流行,说起用table好像有落伍的嫌疑……嘿嘿,应该各有各的优势吧!给楼主顶顶……
    第16楼 回到顶楼
  • 侯锋
    2009-08-04 18:36 侯锋
    @think_fish
    现在还好.
    看来你是有点div+css强迫症喽.呵呵!
    第17楼 回到顶楼
  • 恐龙♂
    2009-08-06 11:41 恐龙♂
    虽然技术可行,实属多此一举。
    第18楼 回到顶楼
  • 忆南雪
    2009-11-27 14:22 忆南雪
    我们老板也有div强迫症
    第19楼 回到顶楼
  • 藏龍老頭
    2009-12-02 19:03 藏龍老頭
    做表格,还是用table吧,别折腾了,玩不起
    第20楼 回到顶楼
  • tiyu.cc
    2009-12-04 11:33 tiyu.cc
    该用啥,用啥
    表格数据当然用表格了
    表格在呈现数据方面还是有用的,xhtml标准里面也没说必须用div+css
    如果你的div+css嵌套了很多层,才能把数据呈现的话,那就选择table好了
    很多人误解了xhtml标准
    囧rz
    第21楼 回到顶楼
  • tiyu.cc
    2009-12-04 11:34 tiyu.cc
    ps:那些整站只用div的属于不懂装懂型,可以白眼一下,这个可以...
    第22楼 回到顶楼
  • 沐紫菀
    2010-01-19 15:38 沐紫菀
    似乎div+css才是老手,用table给人的感觉是新手,似乎什么都不懂一样呢?我觉的有时用table是非常合适的,我觉得布局还是要看情况而定的。。。。
    第23楼 回到顶楼
  • 启军
    2010-02-09 11:49 启军
    @沐紫菀
    窃以为……div+css这种提法就不对了
    早在2007年就有人写了回去看看小学的语文书
    第24楼 回到顶楼
  • Kevin Zou
    2010-02-12 10:00 Kevin Zou
    除了本來就是表格的數據以外,很多用table容易排版的事情也用table來做,特別是做系統時
    第25楼 回到顶楼
  • phpindex
    2010-02-22 10:18 phpindex
    表格是好东西 啊
    第26楼 回到顶楼
  • sanyalanhua
    2010-03-18 17:13 sanyalanhua
    table用得太多了,网页就大小就太大,下载有点慢的,打个比方www.sanyalanhua.com就是全部用table的,下载速度有点慢。
    第27楼 回到顶楼
  • 幸福的蜗牛
    2010-04-16 13:29 幸福的蜗牛
    有时候真是纠结啊,客户说必须是纯div,就得老老实实做了,
    第28楼 回到顶楼
  • Franky
    2010-05-05 00:59 Franky
    table具有语义. 它存在的意义 就是 平面表格...

    标准中 是 要禁止使用table 布局 但应使用table 制表.

    第29楼 回到顶楼
  • bndy
    2010-05-10 12:51 bndy
    我真搞不懂。为什么要用div 来模拟表格? 难道这样效率比Table高吗?我到是觉得,DIV和Table都有自己长处。哪些地方用什么,我想,作为一个WEB开发人员,应该都很明白。。
    第30楼 回到顶楼
  • 游荡的沙
    2010-08-19 12:17 游荡的沙
    表格与div各有擅长,应该正确套用,不要为了div而div
    第31楼 回到顶楼
  • 小haha
    2010-08-20 08:40 小haha
    我日,如果说真的要纯div的话,好样在网页里别出现类似<a>这样的标签啊,纯div就要全部写成div,不许出现其他标签。一个词汇被炒热了之后,很多人就被误导了。table本来就是个正常的html元素,该用的时候就用,甚至你用来布局也没人说你,只是不要滥用,最好用在数据呈现上。div+css真是个误导人的概念,这谁发明的,我日
    第32楼 回到顶楼
  • 佛山人才网
    2012-05-28 11:16 佛山人才网
    其实适当使用table比DIV 好很多,我看了很多大型网站都有少量table,说实在的,不管用那种方法,只是为了实现代码简洁,类似http://www.zfvpn.com 那样,界面非常好看
    第33楼 回到顶楼
  • taoyuqiong
    2013-03-06 21:33 taoyuqiong
    该用table还是要用,一些半吊子才去崇尚纯div,这类人活着都蛋疼
    第34楼 回到顶楼
  • 一个制造者
    2013-03-22 21:18 一个制造者
    额。。
    <div>
    <ul>
    <li></li>
    <li></li>
    <ul>
    <ul>
    <li></li>
    <li></li>
    <ul>
    </div>
    第35楼 回到顶楼
  • 一个制造者
    2013-03-22 21:19 一个制造者
    用什么都差不多。难为自己干嘛。。
    第36楼 回到顶楼
  • jiezhongcnc
    2020-07-27 14:08 jiezhongcnc
    table有table的作用,div有div的作用,不过有些时候习惯也有关系,我个人比较喜欢纯div,因为table在有些电商平台后台会产生代码冲突。www.jzrobot.com
    第37楼 回到顶楼
  • 秦清
    2021-01-22 13:55 秦清
    推荐一个国产新开源的web组态可视化工具,支持mqtt和websocket通信、流程图、拓扑图、脑图、动画、echarts等(有vue和react入门教程)。
    官网:http://topology.le5le.com/
    项目介绍:https://juejin.im/post/5d6c88726fb9a06b0e54ab35
    vue一分钟快速使用:https://www.yuque.com/alsmile/topology/kky133
    react开发:https://juejin.im/post/5dcc074151882559c8061905
    第38楼 回到顶楼
登录后才能评论,请先登录注册