本文深入解析了盒子模型的概念，包括标准盒模型与IE盒模型的区别，以及如何实现盒子中文字的垂直居中显示。此外，还介绍了圣杯布局技巧，即如何使三个平列的盒子中，中间的盒子自适应缩放，而两边的盒子保持固定宽度。
1.盒子模型的概念以及如何让盒子中的文字垂直居中显示？
①理解什么是盒子模型。并不是简单的div。
一个盒子的主要属性有五个：width、height、padding、border、margin。
width和height是内容的宽度和高度；border是边框、padding是内边距、margin是外边距。
②标准盒模型和IE盒模型的区别。
-
在 标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。
-
IE盒子模型中，width 和 height 指的是内容区域+border+padding的宽度和高度。
③让盒子中的内容水平和垂直居中显示的方式之一。
2.假设有三个盒子平列排序，如何让中间的盒子自适应缩放，两边的盒子固定？（圣杯布局）
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
