max-content最大内容宽度使用测试实例页面

展示

代码

• HTML：

  <div class="container">
      <p>可以让元素的宽度尽可能的大，保证图文内容在一行显示。</p>
  </div>

• CSS：

  .container {
      border: solid deepskyblue;
  }
  .container > p {
      width: max-content;
  }