html
小男哥、
这个作者很懒,什么都没留下…
展开
-
calc计算宽高结果不是预期值的坑
calc计算宽高与实际值不符在web页面中,针对不同屏幕大小,合理的使用 calc() 方法可以让页面拥有更好的体验性。在使用此方法时只要稍微注意运算符前后有空格即可,然而今天遇到的情况让我觉得我又tm涨姿势了~情况是这样的:要给一个列表加一个高度,超出高度后进行滚动,由于我用的是笔记本,生产环境基本上都是使用的台式机,写死固定高度肯定不行,于是写成了这样 height: calc(100vh - 291px); overflow: auto;Everything looks lik原创 2020-12-08 17:22:06 · 555 阅读 · 0 评论 -
宽高不定div水平、垂直居中
宽高不确定div居中宽高不定的div水平垂直居中在前端页面布局中经常用到,它能够根据当前页面的大小做到自适应,使页面展示更协调;由于比较重要,因此在前端面试的时候此知识点会经常被问到。水平垂直居中方式一:使用flex布局:<body> <div id="div1"> <div id="subDiv1"></div> </div></body><style> html,bod原创 2020-07-03 16:07:21 · 543 阅读 · 0 评论