|
|
|
@ -5,7 +5,7 @@
@@ -5,7 +5,7 @@
|
|
|
|
|
## 内容和大小 |
|
|
|
|
|
|
|
|
|
盒子的大小可以有两种控制方式: |
|
|
|
|
- **extrinsic sizing**: 显示设置盒子的`width`和`height`为固定尺寸,例如设置`width`和`height`为400px、600px,那么盒子的大小就固定了。 |
|
|
|
|
- **extrinsic sizing**: 显式设置盒子的`width`和`height`为固定尺寸,例如设置`width`和`height`为400px、600px,那么盒子的大小就固定了。 |
|
|
|
|
- **intrinsic sizing**: 不设置盒子的大小,或者设置盒子的大小为非固定尺寸,例如设置`width`和`height`属性值为`min-content`或者`max-content`, 此时盒子的大小由浏览器决定,浏览器会根据内容自动调整盒子的大小。 |
|
|
|
|
|
|
|
|
|
请看下面的例子,看看这两种方式有什么区别。 |
|
|
|
|