显示属性表格单元格或内联块

Question

我有一个这个名字的班级

.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最多支持98％的浏览器。

  

我应该使用什么来显示内联排列这些元素的显示属性。

为什么不使用table-cell？