当white-space:nowrap时,IE忽略填充

时间:2010-07-27 22:12:43

标签: css internet-explorer rendering

好的,所以我的背景位于左侧,并且左侧有20px的填充,以防止文本在图像上呈现...非常标准。

我还在跨度上设置了white-space:nowrap来阻止线条包裹。

跨度大约为200px宽。如果跨度中的文本长度足以超过包含div的长度,则填充开始被忽略,文本呈现在bg图像的顶部。如果我离开白色空间,这种情况就会停止:正常。包含div也有溢出:自动设置(滚动条被渲染)。

使用IE8 ......这是一个众所周知的事情吗?有没有标准修复,我找不到任何东西:(

2 个答案:

答案 0 :(得分:2)

你可能需要发布更多代码,但是从我听到你的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中的其他项目一起流动而不是它自己的行。

答案 1 :(得分:0)

我对此没有答案,但看起来Firefox(3.6)也忽略了填充。希望有一个解决方案......