目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
我们在设计网页的时候,盒子居中是经会常用到的。居中可以分为水平居中和垂直居中。
水平居中是比较容易,通过设置元素的margin: 0 auto就可以实现,但是垂直居中相对来说是比较复杂一些的。
垂直居中就是竖向居中 ,所以来掌握css实现垂直居中的方式。
一 transform实现CSS垂直居中
二 margin:auto实现CSS垂直居中
三 display:flex实现CSS垂直居中
四 padding实现CSS垂直居中
五 伪元素:before实现CSS垂直居中
六 通过隐藏节点实现CSS垂直居中
七 line-height实现CSS垂直居中
语法:
return[()[expression][]];
可选项 expression 参数是要从函数返回的值。如果省略,则该函数不返回值。
用 return 语句来终止一个函数的执行,并返回 expression 的值。如果 expression 被省略,
或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。