摘要: 如果容器已知高度且容器内需要元素垂直居中,我们可以给容器内添加一个伪元素,设置这个伪元素高度为100%。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ 阅读全文
posted @ 2020-07-20 08:24 放学别跑啊 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 当我们给一个元素(display为inline-block)的vertical-align设置为middle,我们会发现这个元素并没有垂直对齐。并且发现这个元素的高度的中心点,会在所有兄弟元素中高度最高的元素的底部靠上一点。 如下所示 解决方法: 给当前和它的兄弟元素都添加vertical-alig 阅读全文
posted @ 2020-07-20 07:25 放学别跑啊 阅读(768) 评论(0) 推荐(0) 编辑
摘要: 给元素设置position为absolute或者z-index不为auto,或者opacity小于1,会创建一个堆叠上下文,它的后代元素,都会根据它父堆叠上下文,进行排序,不会针对其他的堆叠上下文排序。 页面结构 <div class="a"></div> <div class="b"> <div 阅读全文
posted @ 2020-07-20 06:22 放学别跑啊 阅读(117) 评论(0) 推荐(0) 编辑