css技巧——结构与布局

自适应内部元素

不给元素指定高度，它就会自适应其内容的高度，如果希望宽度也具有类似的行为，可以这样做

.box {
            width: min-content;
            border: 1px solid;
            margin: auto;
        }

min-content这个关键字将解析为这个容器内部最大的不可断行元素的宽度，这正是我们想要的效果