html - 在 div 中垂直对齐内联列表

<分区>

我试图在 div 中垂直对齐内联列表元素，但我无法弄清楚为什么它不起作用。我已经包括

.nav li{
    display: inline;
    display: table-cell;
    vertical-align: middle;
    }
.nav ul {
    vertical-align: middle;
    display: table-cell;
    margin: 0% 6% 0% 0%;
    }

帮助将不胜感激

https://jsfiddle.net/y1paacbh/

我发现由于 jsfiddle 的呈现方式，可能不清楚发生了什么。这是我浏览器中的图像

最佳答案

通过给这个样式你可以解决这个问题

  .nav li {
   position : relative;
   top : 8px;  
    }

关于html - 在 div 中垂直对齐内联列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33460990/

上一篇：javascript - 强制下一个内容低于可变高度 DIV

下一篇：javascript - 如果分辨率是 col-xs 或 col-sm， Bootstrap 中禁用响应式表单字段的正确方法是什么？

javascript - 如何将html和js代码包含到一个js文件中？

javascript - 在 HTML 中嵌入 JavaScript 或将其保存在外部有哪些优点和缺点？

php - extension.binding 的 Lazy require 没有设置绑定(bind)字段

jquery - 在 jquery slider 中处理不同大小的图像

javascript - 更有效地应用媒体查询

html - 正确使用媒体查询

CSS 'schema' 操作方法

css - 将第 n 个 child 应用于单个类(class)。

javascript - 我添加了这段代码，但现在子 <li> 菜单列表未打开..执行了操作但未打开菜单