一、写出主流浏览器内核私有属性的css前缀
Chrome:Blink内核 -webkit-
Safari:WebKit内核 -webkit-
Firefox :Gecko内核 -moz-
IE:Trident内核 -ms-
Opera:Presto内核 -o-
二、写出你知道的CSS水平和垂直居中的方法
1、行内元素(text-align)
行内元素只需要在父元素设置水平居中就可以达到目的,也包含了img、 inline或者inline-block、inline-table和inline-flex等元素。
.container{
text-align:center;
}
2、块状元素(margin)
.center{
margin: 0 auto;
}
3、多个块状元素
<div class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
方案一:
.container{
font-size: 0; //解决多个行内元素之间的间隙
text-align: center;
}
.item{
display: inline-block;
}
方案二:
.container{
display: flex;
justify-content:center;
}