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

标签 html css layout

请参阅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/

相关文章:

javascript - Jquery each 和 attr 函数

javascript - 使用 Javascript 连接文本框

php - 动态更改表格中的行字体颜色

css - Bootstrap 登录颜色组件

ios - 在 SwiftUI 中将形状设为父 View 的大小

javascript - jQuery 切换多个元素

php - 删除空 <span> 标签的正则表达式

javascript - 在第一行有 rowspan 的情况下,在表格的第一行设置 css 样式 - 多表

javascript - 如何制作粘性元素 'float'

ruby-on-rails - 在 Rails 3 : How do I render with layout in respond_with using a custom format?