min-content首选最小宽度测试实例页面

展示

代码

• HTML：

  <section>
      <img src="./1.jpg">
      <p>感谢您的支持</p>
      <p>感谢您的支持！</p>
      <p>感谢————比心</p>
      <p>https://demo.cssworld.cn/new/3/3-1.php</p>
  </section>

• CSS：

  section {
      display: inline-block;
      width: min-content;
      border: solid deepskyblue;
  }
  section p {
      width: 1em;
      width: min-content;
      outline: 1px dotted;
  }