带显示CSS网格布局：表格单元

The suggestions in this article, written several years ago, have been overtaken by the CSS Grid specification, which will be covered in a new reading list.

几年前写的这篇文章中的建议已被CSS Grid规范取代，该规范将在新的阅读列表中进行介绍。

Let’s look at a typical grid-based layout and see how it could be efficiently presented using variants on display: table.

让我们看一个典型的基于网格的布局，并查看如何使用display: table变体有效地呈现它。

In this case, we have three independent columns of text with headings of “who”, “what” and “where” at the top. While there are a few possibilities for marking up this content, I would suggest that a definition list would be the most appropriate. “who”, “what” and “where” are definition terms, with the text underneath being definition declarations. Each <dt> and <dd> pair will be marked up as a separate definition list, for reasons that will become ap