[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`決定