前端实习初面试,对其中遇到问题的分享!

1.盒子模型的概念以及如何让盒子中的文字垂直居中显示?

①理解什么是盒子模型。并不是简单的div。

一个盒子的主要属性有五个:width、height、padding、border、margin。

width和height是内容的宽度和高度;border是边框、padding是内边距、margin是外边距。

②标准盒模型和IE盒模型的区别。

  • 在 标准盒子模型中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。

  • IE盒子模型中,width 和 height 指的是内容区域+border+padding的宽度和高度。

③让盒子中的内容水平和垂直居中显示的方式之一。

前端实习初面试,对其中遇到问题的分享!

 

前端实习初面试,对其中遇到问题的分享!

2.假设有三个盒子平列排序,如何让中间的盒子自适应缩放,两边的盒子固定?(圣杯布局)

前端实习初面试,对其中遇到问题的分享!