html - 菜单 block 对齐

标签 html css

<分区>


这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a minimal example在问题本身。

关闭 9 年前

我试图让我的菜单项在底部对齐 - 产品、事件提要和学习商店应该都在同一行,测试应该在产品下面,但实际情况是产品是向上推,文本与产品右侧对齐。

我试过将显示更改为 block ,我试过文本对齐,但似乎没有任何效果。

如何使子菜单与其父项对齐?

http://jobcreatr.com/home

<ul class="menu">
    <li class="first leaf">
        <li class="leaf">
            <li class="last expanded">
                <a title="" href="http://jobcreatr.com/products">Products</a>
                <ul class="menu">
                    <li class="first last leaf">
                        <a title="" href="http://www.google.com">test</a>
                    </li>
                </ul>
    </li>
</ul>

最佳答案

添加vertical-align: top;<li>的。只要将它们设置为 display: inline-block;,它就可以工作。 .

关于html - 菜单 block 对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21880714/

上一篇:javascript - 在 HTML5 的跨度中将矢量图形/图标作为一个类包含在内?

下一篇:css - 导入文件的较少扩展与导入文件的混合不工作

相关文章:

html - SCSS : Fixed and fluid table-cells

css - 我可以在 less 调整图像大小之前检查图像大小吗?

javascript - jQuery - 如何向下滑动正文附加数据?

html - CSS 选项卡在 IE 中位于左侧,但在 Mozilla 中它们居中。是否有针对 IE 的修复程序?

滚动事件上的 Javascript 更改 css 然后等待然后重新更改

jquery - 将浮点值赋予 html 标签 Internet Explorer 的 css "left"

html - 使用 CSS 突出显示菜单项

html - 使第一个 div 不插入下一个

css - IONIC Card 布局样式似乎不居中且间距不等

javascript - HTML/Javascript Resizer 小工具在 Chrome 中无法正常工作