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

V2EX = way to explore

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

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

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

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 年 2 月 11 日

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

menic

2014 年 2 月 11 日

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

66beta

2014 年 2 月 11 日

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

loading

2014 年 2 月 11 日

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

FrankFang128

2014 年 2 月 11 日 via Android

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

flynngao

2014 年 2 月 11 日

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

amoblin

2014 年 2 月 11 日

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

loading

2014 年 2 月 11 日

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

Ricepig

2014 年 2 月 11 日

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

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

oott123

2014 年 2 月 11 日 via Android

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

jacob

2014 年 2 月 12 日

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

est

2014 年 2 月 12 日

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

zorceta

2014 年 2 月 12 日

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

yakczh

2014 年 2 月 12 日

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

hitsmaxft

2014 年 2 月 12 日

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

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

vv122483

2014 年 2 月 12 日

我就用不好。

konakona

2014 年 2 月 12 日

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

menic

2014 年 2 月 14 日

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