css - IE 忽略填充时空白 : nowrap

Question

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

我还在 span 上设置了 white-space:nowrap 以停止换行。

跨度在一个大约 200 像素宽的 div 中。如果 span 中的文本足够长以超过包含 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 中的其他元素一起流动而不是单独一行，这将迫使您进行其他更改。