css非常好的四种宽度值设置

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

陈不知代码

4059人浏览 · 2022-03-04 23:13:26

陈不知代码 · 2022-03-04 23:13:26 发布

突然看到的，怕自己忘记，便记下来。

width:auto;  //默认满行


width:min-content;  //和你文本最长字符同宽(即最宽的单词、图片或具有固定宽度的盒元素)


width:max-content;  //内容的一个宽度,采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本，则相当于文本不换行,文本多长，盒子多长


width:fit-content;  //表示将元素宽度收缩为内容宽度