- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是我浏览器上 100% 的菜单栏:
这是在某些缩放级别和其他一些浏览器中发生的情况:
这是关于 fiddle 的简化版本:http://jsfiddle.net/heetertc/ARGm8/6/
<div id="bar">
<div id="center-menu">
<ul id="nav">
<li><a href="/about/">ABOUT</a></li>
<li><a href="/bacharach-institute/">THE INSTITUTE</a></li>
<li><a href="/renaissance-pavilion/">RENAISSANCE PAVILION</a></li>
<li><a href="/day-rehab/">DAY REHAB</a></li>
<li><a href="/outpatient-services/">OUTPATIENT SERVICES</a></li>
<li><a href="/therapy-centers/">THERAPY CENTERS</a></li>
<li><a href="/blog/">NEWS</a></li>
<li><a href="/contact/">CONTACT</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<style type="text/css">
ol, ul {
list-style: none outside none;
}
#bar {
height: 50px;
left: 0;
margin-top: 8px;
position: absolute;
width: 100%;
}
#bar ul {
text-align: center;
}
#center-menu{
height: 50px;
margin: 0 auto;
width: 954px;
}
#nav {
list-style: none outside none;
margin-bottom: 0;
margin-top: 0;
padding-top: 0;
width: 100%;
}
#nav li {
border-left: 1px solid #0c4b89;
display:block;
float:left;
height: 50px;
line-height: 50px;
padding-top: 0;
position:relative;
z-index:500;
}
#nav li a {
color: #FFFFFF;
display: block;
font-size: 12px;
font-weight: bold;
height: 50px;
padding-left: 18px;
padding-right: 18px;
text-align: left;
text-decoration: none;
text-shadow: 0 1px 1px #000000;
}
#nav > li:last-child {
border-right: 1px solid #0C4B89;
}
</style>
我确信这真的很容易,但我已经做了几天并尝试了许多不同的事情,包括许多调整大小的尝试。
那么为什么最后一个元素会跳到下一层,但只是在不同的缩放比例下?当我调整它的大小时以适应一个缩放级别时,它在另一个缩放级别中看起来完全不同。有没有办法让它始终填充 954px #bar 元素,无论缩放如何?
最佳答案
添加
White-space: nowrap
到#nav
关于html - 菜单栏中断到下一行/大小根据缩放级别波动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16109065/
我面临一个非常奇怪的问题。 我想实现从DataTable中删除行的选项,因此实现了以下方法: onRemoveRow() { setState( () { last
我正在 JavaScript 中处理物理问题,并且我有一个值指示“物理”世界中的接触数量。这个值可以在0-6之间。问题是i波动很大。我想要的是过滤掉尖峰。假设该数字是 3,然后在不到一秒的时间内它会变
我在 C 中有两个静态可变变量,我想在逻辑语句中检查它们。但是,当我这样做时,我收到警告“未定义的行为:此语句 1037 中未定义 volatile 访问的顺序”是否有可能在很短的时间内暂停 C 变量
我是 C Sharp 的新手,正在使用 XNA Framework 编写游戏。我创建了一个项目,它是“Platformer”XNA 入门工具包的重大修改版本。 我看到(看似)随帧率随机波动。有时它会一
我是一名优秀的程序员,十分优秀!