gpt4 book ai didi

html - Apple 风格的 CSS spritesheet 菜单中的白色间隙和中断

转载 作者:太空宇宙 更新时间:2023-11-04 16:20:26 24 4
gpt4 key购买 nike

请参阅http://shivimpanim.org/testsite/

这是非常简单的 css,我的目标是基本上复制 Apple 的菜单栏

奇怪的是,我在几个按钮之间发现了一个白色间隙,最后一个按钮断到下一行!

目前,我已经消除了图形中的分隔线,以确保它绝对是 html/css 错误,而不是我看到的分隔线。

请帮忙:)

谢谢!

最佳答案

恐怕我在 Firefox 5 或 IE8 中看不到您所说的白色间隙(您使用的是哪种浏览器?)。然而最后的原因<li>掉到下一行是因为您的按钮宽度对于容器来说太宽了。

你的 <ul>是 960px 宽,但是你个人的总和 <li>宽度为 970px。所以如果你减少一些你的<li>元素总共减少 10 像素,它将全部放入。

关于html - Apple 风格的 CSS spritesheet 菜单中的白色间隙和中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6691728/

24 4 0