css - CSS 规则 "Semantics": table, table-row, table-cell

Question

我最近经常使用这些属性，尤其是 display: table-cell。它在现代浏览器中得到了很好的支持，并且它对某些网格有很多好处，并且可以非常轻松地对齐内容，而无需棘手的标记。但在过去的几天里，我看到人们在谈论这个，因为使用这些属性是一种不好的做法/方法，就像在这个 answer 中一样。

优点(我现在想到的):

• 不向 HTML 标记添加任何语义
• 在现代浏览器中得到很好的支持
• 有助于对齐内容
• 有助于网格系统(最有可能结合对齐内容)

缺点

• 如果您只使用display: table-cell; 缺少的部分(行和表)会自动添加

所以我真的不明白，为什么使用它们进行布局会很糟糕。

我想这个问题已经结束了(我能理解)，但也许有人有一个不错的答案——甚至是对他们的使用的肯定。

Answer 1

引自 linked answer :

Don't forget that table-cell is not the correct usage. You don't want images to be trated as table cells, since table cells should only contain table data. Just raising a caution flag. Stick to the semantics.

我不会讲这么久:CSS 与语义无关。