显示属性 table-cell 或 inline-block

Question

我有一个 class 这个名字 →

.header-menu

已定义为 →

.header-menu {
   display: table-cell;
}

问题来了→ 我应该使用什么来显示 →

的属性

.header-menu ul li

内联排列这些元素。

我试过这些 →

   display: inline-block        
    display: table-cell
    display: inline

两者都很好，但在语义和真实性以及良好实践的意义上是正确的，请记住基数 class 被定义为 →

.header-menu {display: table-cell}

说实话，两者都工作正常，但我想知道这种情况下的最佳编码实践。

Answer 1

CSS 样式不是语义的，因此您不必担心。更重要的是你想要什么样的支持。 inline-block 和 table-cell 都支持高达 98% 的浏览器。

what should I use for display property of to arrange those elements inline.

为什么不直接使用 display: inline 呢？

Display Property table-cell or inline-block