[toc] ## 什么是最小内容宽度 最小内容宽度在英文中被称之为`preferred minimum width`、`minimum content width`（故，也被称之为**首选内容宽度**）或则`min-content` 在CSS世界中，**图片和文字的权重远大于布局**（emmm...图片貌似现在不是），因此，在width纵然设置为0的情况下，也不会将图文的宽度置为0，此时所表现的宽度为`首选最小宽度`。 ## 汉字和英文字母对于首选最小宽度的不同表现  ### 东亚文字 东亚文字，最小宽度为每个汉字的宽度 ### 西方文字 西方文字，由特定的连续英文字符单元决定， 但需要注意的是并不是所有英文字符都会组成连续单元 一般会终止于`空格(普通空格)`、`短横线`、`问号`以及其它非英文字符等(`-`) 如果想让英文字符和中文一样，每一个字符都断开，可以使用`word-break:break-all` ### 图片等替换元素 图片等**替换元素**的首选宽度即使其本身大小（错误！！）  chrome和firefox表现在**radio**上有点不一样，在firefox上即使宽度设置为0也依然会显示，而chrome会隐藏掉， 其它表现是一样的，图片统一都会隐藏掉，文本框类的有一个最小宽度，input为4px，textarea为6px(高度不一) ## 与min-width 图片元素本身具有`width`属性，当我们把它置为0的时候，图片就会被隐藏，但如果我们在css中使用`min-width`，则图片的最小宽度由这个`min-width`决定