突然看到的,怕自己忘记,便记下来。
width:auto; //默认满行
width:min-content; //和你文本最长字符同宽(即最宽的单词、图片或具有固定宽度的盒元素)
width:max-content; //内容的一个宽度,采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本,则相当于文本不换行,文本多长,盒子多长
width:fit-content; //表示将元素宽度收缩为内容宽度
突然看到的,怕自己忘记,便记下来。
width:auto; //默认满行
width:min-content; //和你文本最长字符同宽(即最宽的单词、图片或具有固定宽度的盒元素)
width:max-content; //内容的一个宽度,采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本,则相当于文本不换行,文本多长,盒子多长
width:fit-content; //表示将元素宽度收缩为内容宽度