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

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

This topic created in 4501 days ago, the information mentioned may be changed or developed.

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 replies • 1970-01-01 08:00:00 +08:00

thefreebird

Feb 11, 2014

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

menic

Feb 11, 2014

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

66beta

Feb 11, 2014

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

loading

Feb 11, 2014

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

FrankFang128

Feb 11, 2014 via Android

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

flynngao

Feb 11, 2014

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

amoblin

Feb 11, 2014

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

loading

Feb 11, 2014

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

Ricepig

Feb 11, 2014

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

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

oott123

Feb 11, 2014 via Android

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

jacob

Feb 12, 2014

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

est

Feb 12, 2014

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

zorceta

Feb 12, 2014

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

yakczh

Feb 12, 2014

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

hitsmaxft

Feb 12, 2014

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

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

vv122483

Feb 12, 2014

我就用不好。

konakona

Feb 12, 2014

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

menic

Feb 14, 2014

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