微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/css/214199.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。