css – IE在white-space：nowrap时忽略填充

2023年6月23日 163次阅读

好吧,我有一个背景位于左侧的跨度,以及一个20px填充左侧,以防止文本在图像上呈现…非常标准.

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

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

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

最佳答案 你可能需要发布更多的代码,但是从我听到你的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;
}

在这个简单的模型中,您的填充将消失,因为跨度显示为内联,并且当它从右侧房间用完时将停止正确应用填充.为了正确地使您的跨度遵循填充规则.您将需要更改为显示：阻止这将强制您进行其他更改,如果您希望它与div中的其他项目一起流动而不是它自己的行.

点赞