创意猫网>猫宅>社区>设计问答>用 CSS 布局的时候,什么情况下用表格最为适合?
我要发帖

用 CSS 布局的时候,什么情况下用表格最为适合?

发布时间:2015年04月24日 17:20|讨论:1|浏览:15351
可能是表达得不是很清晰,我的意思是,从 HTML 页面代码跟 CSS 代码的优美性,载入速度优化等方面来考虑,在 HTML 里面插入 table 时可以达到最优化。
话题讨论  共有1人讨论用 CSS 布局的时候,什么情况下用表格最为适合?
  • 喵喵喵
    2015年04月24日 / 1楼 回复
    喵喵喵
    从技术美感的角度说,我不能隐藏我是如此喜爱xhtml/css/javascript…… 

    ……但是回到现实中,现有的标准,现有的实现,确实有太多不足了。也难怪人家鼓吹新的银弹么。 

    ……凡给定界面的都或多或少倾向于grid 布局,仅仅是复杂程度的问题。例如仿桌面的界面(蛮流行的)。因为桌面应用中,几乎大都使用各种类型的grid布局。我以前一直鼓吹在web上就应该使用 flow布局而不应使用grid布局。但是随着对交互设计的认识加深,我意识到应该从用户体验出发。从技术上说,flow布局的主要好处是灵活适应不同的 viewport,但是真正把一个1280*1024的界面转换到640*480或者更小的viewport里,不是那样简单的。他们的应用场景很可能有 很大不同。理想上,我未来能使用css media query,来为不同的分辨率(应用场景)来设计,对布局乃至流程做完全不同的调整。但是理想不等于现实。无法实现或太晚实现……都可能导致我们不愿看到 的情况。 

    另外一方面,我恰恰是想要完全否定table布局的,正是基于此,我认为出现这样讽刺的情况,即遵循标准的人活得比不遵循的人更累,是很有问题 的。这种矛盾在我身上存在着,2001年的时候我在某bbs上发了个贴,大数table布局之罪,但是过了几天我又跑上去说table布局在某种情况下也 可以用用。 dlee同志貌似到现在也跟我当时一样。如果你确实认为,table布局从实用主义角度无法被完全否定,那DHH同志采用实用主义的角度来力挺 html/css/js就也有点心虚,那个标题也就显得带点任性味道。。。 

    ……再说table吧,从 实用主义角度说,谨慎的table布局也许更简单,因为它更好的映射到了grid模型上。如果你转用div/span,标签是清晰了,但是css是混乱 的!!为什么?因为你无论绝对定位也好,float也罢,这些属性是分散的,css代码无法反映整体,无法记录你的grid 布局意图!这是为什么我们经常说我有一个css trick的原因,它是trick而已,是你达到最终目的的手段,但是你的目的,你的意图,没有好好加入文档的话,那维护起来恐怕也不见得轻松: 

    table布局 其他css样式 = 清晰的布局意图和内容的混合体 
    vs 
    div容器 css样式 = 内容样式分离,但是从css代码中很难看出布局意图 

    关于div/css布局还有一些误区,简单的把table标签换成div是没有意义的(若干层级的div可能比table更糟糕)。实际上我们希 望的是语义标签。所以我们希望避免无意义或仅仅为layout或presentational的div标签,但是有时候居然是css hack的代价(比方说在某些css圆角实现中)! 

    也许归根到底是怪css还不够好,怪browser的实现还不够好。比方说你要在一行上放两个东西,实际上可能需要的是css column支持。。。但是还是那样,开发者的耐心是有限的,勾画的美好蓝图从来不如微软的甜蜜诱惑。特别是他们许诺通过更智能(更邪恶的宝葫芦的秘 密?)的ide,也能提供你所说的web标准网站的可维护性的时候。对于他们来说,html css js,或者是flash,只是开发者看不见的 presentation层而已(据csdn新闻上元红岗同志的说法是不依赖於表现层的表现层),它帮你抹平了,你不用担心。按照这种逻辑,现在的 WYSIWYG工具只是不够智能而已而已。。。
返回顶部参与讨论
创意猫_国内领先的广告设计交易平台    Copyright © 2017  chuangyimao.com  青岛创易智联网络有限公司  版权所有  鲁ICP备14013361号-2    创意猫微博
客服在线:
QQ交谈:

服务热线

4000-556-956

周一至周六8:30—18:00

问题描述  *
联系QQ
验证码
提交
最近联系人