如何让 div 的大小根据内容自适应？

发布日期： 2024-11-03 阅读量： 作者： 网络

如何让 div 的大小根据内容自适应？

利用 css 巧妙实现 div 大小随内容自适应

在 CSS 布局中，经常会遇到 div 的大小需要根据其包含内容进行自适应的情况。以下介绍几种有效且副作用较少的方法：

max-content

问题：如何让 div 的宽度随内容内容自适应，同时保持换行特性？

答案：设置 width: max-content。该属性表示元素内容固有的收缩宽度。它允许块级元素根据内容宽度进行调整，同时保持换行特性。

CSS 代码：

div {
    width: max-content;
}

随便看看