我在 div 中有一个段落,它不会扩展以适应其内容,而只会扩展到最长的单词。我没有设置包含 div 或段落的宽度,所以我不确定它为什么会这样?
有问题的网站是http://bit.ly/JV5I0Z鼠标悬停在绿色方块上
知道为什么会这样吗?
我在 div 中有一个段落,它不会扩展以适应其内容,而只会扩展到最长的单词。我没有设置包含 div 或段落的宽度,所以我不确定它为什么会这样?
有问题的网站是http://bit.ly/JV5I0Z鼠标悬停在绿色方块上
知道为什么会这样吗?
尝试使用
whitespace: nowrap;
在那些<p>
元素上。
你的包含<div>
和你的<p>
都设置为position: absolute
. 两者都没有设置宽度,我认为这意味着它们“应该”在给定内容的情况下都变得尽可能窄,这就是您所看到的行为。(规范的相关部分是10.3.7,尽管我不确定我是否理解它。)
(另一种方法是让他们保持静态定位时的宽度,即容器宽度的 100%。如果您绝对定位它们,很有可能会导致部分内容被定位 -屏幕。)
当你设置时position: absolute
,你通常也应该设置一个宽度。如果您为 设置了一个值left
,您可以尝试为right
也设置一个值,而不是固定宽度。(我认为旧版本的 IE 可能会遇到问题。)