响应式表格再探

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适用于您旅程各个阶段的云产品。立即开始使用 $200 免费信用额度!

Lea Verou 带来了一些超级酷炫的 CSS 技巧。我们绝对不能错过这个链接!

响应式表格解决方案中存在一个问题,至少对于使用 CSS 调整布局的方案来说,问题在于存在重复内容。要么在 CSS 中,要么在 HTML 中。

Lea 找到了两种防止这种情况的方法。其中一种方法使用text-shadow “复制”文本并将其移动到相应位置。另一种方法使用仅限 Firefox 的 element() 函数。

另外请记住:如果您将表格元素强制为非自然显示值(如块级元素),请确保使用 ARIA 角色,以确保它们不会失去可访问性功能。

直接链接 →