IE 忽略空白时的填充：nowrap

Question

好的，所以我有一个背景位于左侧的跨度，以及一个 20px 的 padding-left 以防止文本呈现在图像的顶部......非常标准。

我还在跨度上设置了 white-space:nowrap 以阻止行换行。

跨度在一个大约 200 像素宽的 div 中。如果跨度中的文本足够长以超过包含 div 的长度突然填充开始被忽略并且文本呈现在 bg 图像的顶部。如果我离开 white-space:normal，这将停止发生。包含的 div 也有溢出：自动设置（正在渲染滚动条）。

使用 IE8 ... 这是已知的事情吗？是否有标准修复，我找不到任何东西:(

Answer 1

您可能需要发布更多代码，但据我所知，您的 html 看起来像这样

<div class="container"><span class="text">Text asdf asdf</span></div>

你的 css 看起来像这样

.container
{
   overflow:auto;
   width:200px;
}
.text
{
   background:...
   white-space:nowrap;
   padding-left:20px;
}

在这个简单的模型中，您的填充将会消失，因为跨度是内联显示的，并且当它用完右侧的空间时，将停止正确应用填充。为了正确地让你的跨度遵循填充规则。如果您希望display:block它与 div 中的其他项目一起流动而不是成为它自己的行，那么您将需要对此进行更改，这将迫使您进行其他更改。