gpt4 book ai didi

html - 为什么 white-space nowrap 对 Internet Explorer 中的 LI 没有影响?

转载 作者:搜寻专家 更新时间:2023-10-31 08:12:25 28 4
gpt4 key购买 nike

我希望我的所有 LI 都显示在同一行上,因此我将每个 LI 的显示属性设置为 inline-block 并在父 UL 上设置 white-space = nowrap。我在 FireFox 和 Chrome 中得到了预期的非换行行为,但 IE8 忽略了 nowrap 并将项目显示在另一个下方。

知道我做错了什么吗?

这是 HTML 和 CSS...

<html>
<head>
<style type="text/css">
li
{
display: inline-block;
list-style: none outside none;
padding: 0px 10px 0px 10px;
white-space: nowrap;
}
ul
{
white-space: nowrap;
}
</style>
</head>
<body>
<div style="float: left; width: 300px;">
<ul>
<li>
Menu 1
</li>
<li>
Menu Menu Menu 2
</li>
<li>
Menu 3
</li>
<li>
Menu 4
</li>
</ul>
</div>
</body>
</html>

最佳答案

如果您希望您的元素一个接一个地显示,请尝试删除 display 属性的 -block。

设置如下:

display: inline;

关于html - 为什么 white-space nowrap 对 Internet Explorer 中的 LI 没有影响?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5622678/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com