一直以来,让前端工程师头疼的问题肯定包括垂直居中这个问题吧,什么文字垂直居中,图片垂直居中之类的,很头疼对不对,如果现在让你写一个在网页正中间显示的弹出层,你会用什么方法写呢?
今天来分享一下小编所知道的几种方法,希望能对大家有用,如果你有更好的解决方法,也欢迎你来告诉我,让小编也涨涨姿势哈。
第一种:固定宽高的弹出层
运行效果
在这里相信有许多想要学习web前端的同学,大家可以+下web前端学习分享裙:九六零+五零八+九二零,即可免费领取一整套系统的 web前端学习教程!
css样式
html代码
这里大家看下我用红色框框框起来的那几行代码哈,其它的只是附加的一些效果。
优点:适用于各种浏览器,包括令前端工程师头疼的ie6。
缺点:必须要设置弹出层的宽高。
第二种:自适应内容宽高的弹出