css – 让孩子比没有宽度的父母宽

前端之家收集整理的这篇文章主要介绍了css – 让孩子比没有宽度的父母宽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<div id="parent">
  <div id="child">
    content...
  </div>
</div>

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

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

解决方法

您可以在#child上设置 display:inlinewhite-space:nowrap,这将为您提供您想要的结果.容器将仅与内容中的内容一样宽,并且如果需要将超过父级的宽度.

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

原文链接:https://www.f2er.com/css/214199.html

猜你在找的CSS相关文章