文章标签

如何在不使用任何 JavaScript 的情况下使电子表格式界面具有响应性？这正是我整个星期都在思考的问题，因为我一直在做一个新项目，并试图弄清楚如何使……

Richard Rutter 在支持他的新书 Web Typography 时，分享了大量关于数据表格设计的优秀建议。这里有一个很好的建议：

您可以考虑将所有列设置为相同的宽度。但这对……

媒体对象模式是：左侧是图像元素，右侧是标题和文本。

Nicole Sullivan 将其命名为，并且 名称沿用至今。这是一个非常简单的模式，但与所有 Web 设计一样，它可以……

table-layout 属性定义了浏览器应使用什么算法来布局表格的行、单元格和列。……

CSS 中的 caption-side 属性允许您定义 HTML 的 <caption> 元素（用于 HTML 表格标题）的位置。此属性也可以应用于任何其 display 属性设置为 caption-side 的元素。……

Matthew Ström 关于如何通过对齐方式、规则、标签、背景和使用的数字类型来改进数据表格。

旧式数字在句子中看起来很好，因为它们更匹配小写字母的大小和间距；衬线……

border-collapse 属性非常适合使 <table></table> 单元格周围的边框变得均匀。它营造了一种干净的外观，我个人更喜欢这种外观。

但是，有些因素会导致浏览器绘制单元格及其……的方式出现问题。

没有单一的解决方案可以使任何 <table></table> 适当地具有响应性。这就是我喜欢 Davide Rizzo 的这篇博文的原因：它承认这一点，然后开始提供一些解决方案。这是对我们一直在探索的领域的一个很好的补充……