css小技巧

1、不要写height
div高度 -> 文档流内容的高度和
让内容撑开外面的高度

css小技巧_第1张图片
Paste_Image.png

2、
(1)css垂直居中
table支持完美的垂直居中(绝对垂直居中)
http://js.jirengu.com/degiqakomu/1/

(2)
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
http://js.jirengu.com/takenufuwi/1/

(3)
负margin


css小技巧_第2张图片
Paste_Image.png

(4)
translate方案完美


css小技巧_第3张图片
Paste_Image.png

2、
文本溢出
http://js.jirengu.com/hazohewemu/1/
http://js.jirengu.com/kehodeqopa/1/

你可能感兴趣的