元素内部尺寸的包裹性

本文为学习《CSS世界》第 3 章后所作笔记。

“内部尺寸”的意思是，元素的尺寸由内部的元素决定，不由外部的容器决定。假如一个元素里面没有内容，宽度就是 0，那么就是应用的 “内部尺寸” 。

“内部尺寸”有 3 种表现形式，包裹性、首选最小宽度和最大宽度。

下面是关于包裹性的笔记。

 

如果一个元素的 display 属性值是 inline-block，那么，内容再多宽度都不会超过外部容器。

常见的 inline-block 元素有 img、input、button

用 <button> 举例，给 button 添加内容，效果是：按钮文字越多宽度越宽，文字多到一定宽度处会自动换行