CSS - Safari + Opera 中的边框宽度问题

标签 css safari border

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 9 年前

我的顶部导航栏短了 2 个像素,但仅限于 Safari 和 Opera。

http://orbitprint.com/canvas/

ul 有一个box-shadow,所以你可以看到最后一个li 很短。我一辈子都想不通为什么!

有人能帮我解释一下吗?

最佳答案

好吧,您在像素布局中使用百分比。您的面板宽 969 像素,8 个按钮占 12.5%(=> 969/8 = 121.125 像素),必须适合自然编号的像素。所以最好的办法是使用 display: table 作为菜单和 display: table-cell 作为按钮。那应该尽可能均匀地分割给定的空间。

关于CSS - Safari + Opera 中的边框宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15832870/

上一篇:css - 如果 :pseudo elements are not available?,还有哪些其他方法可用于裁剪/剪辑背景图像

下一篇:javascript - 为 YouTube 弹出播放器的弹出窗口应用样式

相关文章:

css - 我怎样才能只显示 Angular 边界?

html - 是什么导致这些按钮出现这种神秘的垂直偏移?

html - 为什么文本对齐属性会减慢文本动画?

css - ul-li 标签之间 header 中的 Html 边框分隔符

android - Safari 中的边距很烦人?

iphone - 如何检测 iPhone 网络应用程序的 Safari 以外的浏览器?

android - 图像周围不需要的边框?

javascript - 如何重新定位 CSS 悬停弹出窗口以保持在固定框架内?

html - 布局在 Internet Explorer 中困惑但在其他浏览器中正常

javascript - 如何在 Safari 上修复 3D 变换图像上的剪辑文本?