1、css实现图片自适应宽高
img {
max-width: 100%;
max-height: 100%;
}
2、什么是flex,写出常见属性,以及作用
Flex即:Flexible Box,弹性布局,用来为盒状模型提供最大的灵活性。可以实现类似垂直居中布局。
.box{
display: flex;
}
.box{
display: inline-flex;
}
// Webkit内核的浏览器,必须加上-webkit前缀
.box{
display: -webkit-flex; /* Safari */
display: flex;
}
设为Flex布局以后,子元素的float、clear和vertical-align属性将失效
采用Flex布局的元素,称为Flex容器(flex container)
所有子元素自动成为容器成员,称为Flex项目(flex item)
容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。
查看更多面试题