html - 显示属性 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

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

.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 呢？