复习一下,常见的面试问题及整理好的答案。CSS相关
一,盒模型
自内向外 content,padding,border,margin. content代表 width; height.
W3C默认: box-sizing: content-box . IE 默认: box-sizing: border-box
二,居中相关
行内元素可以用 text-align: center; 块级元素可以使用 margin: 0 auto;
水平居中:
position:absolute +left:50%+ transform:translateX(-50%)
display:flex + justify-content: center
垂直居中:
设置line-height 等于height, 不能写100%
position:absolute +top:50%+ transform:translateY(-50%)
display:flex + align-items: center