本文为学习《CSS世界》第 3 章后所作笔记。
“内部尺寸”的意思是,元素的尺寸由内部的元素决定,不由外部的容器决定。假如一个元素里面没有内容,宽度就是 0,那么就是应用的 “内部尺寸” 。
“内部尺寸”有 3 种表现形式,包裹性、首选最小宽度和最大宽度。
下面是关于包裹性的笔记。
如果一个元素的 display 属性值是 inline-block,那么,内容再多宽度都不会超过外部容器。
常见的 inline-block 元素有 img、input、button
用 <button> 举例,给 button 添加内容,效果是:按钮文字越多宽度越宽,文字多到一定宽度处会自动换行