有没有觉得html的table挺难用的。。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3740 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://csswizardry.com/2013/11/taming-data-tables/

1. 使用table-layout: fixed。auto layout就是magic，magically works or not.
2. 使用grid，24column，然后通过控制colspan来控制列的宽度.

table

layout

Works

18 条回复 • 1970-01-01 08:00:00 +08:00

thefreebird

2014-02-11 17:59:20 +08:00

话说，有div + css 要用table 干么

menic

2014-02-11 18:06:36 +08:00

@thefreebird 因为本身就是table data。。div+css是用来做layout

66beta

2014-02-11 18:35:21 +08:00

div也可以表格布局啊
display: table-cell 之类的，复杂得很

loading

2014-02-11 18:43:59 +08:00

最怕table，辛亏table只用于展示数据。谁还会用来布局啊。属性太奇葩了。

FrankFang128

2014-02-11 18:58:19 +08:00 via Android

标准没跟上需求而已，可以理解

flynngao

2014-02-11 19:17:19 +08:00

@loading 在响应式时代很好用的好吧……

amoblin

2014-02-11 19:22:09 +08:00

写个Emacs的扩展，像Org-mode那样写Table

loading

2014-02-11 19:37:31 +08:00

@flynngao 太magic了，不如多写几行css

Ricepig

2014-02-11 22:43:53 +08:00

ls那些说用div代替table的，没考虑到语义的正确性吗？

这和table用来作layout犯了类似的错误啊

oott123

2014-02-11 23:55:57 +08:00 via Android

…有没有人觉得 HTML 很难用？

jacob

2014-02-12 01:12:05 +08:00

@oott123 知足吧，想想html5没出来之前，xhtml根本不是先进生产力的前进方向。

est

2014-02-12 01:20:27 +08:00

@Ricepig 我看没犯错。比如<div class="main">在html5里就写成<main>。那么很自然，<div style="display:grid"> 语义化写法就是 <table>。返璞归真了哈哈。

zorceta

2014-02-12 08:09:22 +08:00

@jacob 我怎么觉得 @oott123 是在嘲讽……

yakczh

2014-02-12 09:14:48 +08:00

用python一样缩紧的方法来写table就一目了然

hitsmaxft

2014-02-12 12:17:59 +08:00

table用来展示数据就是正当行干。

反正我知道我司写上 div+css ued简历的基本是被丢的节奏

vv122483

2014-02-12 13:43:02 +08:00

我就用不好。

konakona

2014-02-12 14:32:24 +08:00

习惯就好，很多人现在用<ul>解决<table>不易用的问题。

menic

2014-02-14 11:32:14 +08:00

反馈一个用colspan + fixed layout控制table效果不错已经在项目里用上了 table完全掌握之中