9

我遇到了非常奇怪的问题。( http://jsfiddle.net/Fq68D/ )

HTML

<div>
    <p>Hello World!</p>
</div>

CSS

div {
    display:inline-block;
}
p {
    background-color:#ccc;
    padding:10%;
    white-space:nowrap;
}

在 Firefox 中，它按预期工作，文本适合 p，并且有填充，

在 Chrome 和 IE 中，文本开箱即用。

在此处输入图像描述

这是什么原因造成的？任何解决方法？

4

2 回答 2

12

添加display: inline-block;到p元素：

http://jsfiddle.net/Fq68D/1/

于 2013-05-09T21:38:32.110 回答
1

使用width:fit-content; 修复了我的问题

于 2021-10-30T02:41:20.277 回答