使孩子比没有宽度的父母宽

时间:2011-12-03 15:05:32

标签: css

<div id="parent">
  <div id="child">
    content...
  </div>
</div>

是否可以使#child与内容一样宽?比#parent宽,如果需要,它有一个固定的宽度。

(在我的情况下,内容是一个我不想换行的未知文本字符串)

2 个答案:

答案 0 :(得分:8)

您可以在#child上设置display:inlinewhite-space:nowrap,这会为您提供所需的结果。容器只会与其中的内容一样宽,并且必要时将超过父级的宽度。

演示:http://jsbin.com/ebuxup/edit#html,live

答案 1 :(得分:4)

尝试使用此CSS以避免所有#child { white-space: nowrap; }换行符。

此处的信息:http://www.w3schools.com/cssref/pr_text_white-space.asp