2

我在 div 中有一个段落,它不会扩展以适应其内容,而只会扩展到最长的单词。我没有设置包含 div 或段落的宽度,所以我不确定它为什么会这样?

有问题的网站是http://bit.ly/JV5I0Z鼠标悬停在绿色方块上

知道为什么会这样吗?

4

2 回答 2

1

尝试使用

whitespace: nowrap;

在那些<p>元素上。

于 2012-04-30T01:12:29.140 回答
1

你的包含<div>和你的<p>都设置为position: absolute. 两者都没有设置宽度,我认为这意味着它们“应该”在给定内容的情况下都变得尽可能窄,这就是您所看到的行为。(规范的相关部分是10.3.7,尽管我不确定我是否理解它。)

(另一种方法是让他们保持静态定位时的宽度,即容器宽度的 100%。如果您绝对定位它们,很有可能会导致部分内容被定位 -屏幕。)

当你设置时position: absolute,你通常也应该设置一个宽度。如果您为 设置了一个值left,您可以尝试为right也设置一个值,而不是固定宽度。(我认为旧版本的 IE 可能会遇到问题。)

于 2012-04-30T01:18:23.710 回答