CSS

垂直居中.item position absolute top 50% left 50% transform translate3d(-50%,-50%).item position absolute top 50% left 50% width 100px height 100px margin -50px 0 -50px 全屏显示page position fixed width 100% height 100% div height 100% 背景图background拓展 多个背景图叠加 效果图:logo和title均为image **分析:**分为三部分 header盒下: bg盒(蒙层) logo盒(底部背景) title 标题图 .header position relative width 100% height 200px box-sizing border-box overflow hidden display flex align-items center justify-content center .bg ...

text-align属性 text-align:justify 两端对齐 text-align属性只对块级元素起作用，行内级元素无效 这一居中显示可以用margin 0 auto 表示 line-height属性行高指的是文本间基线的距离，其单位可以为px,百分比,em文字基线 顶线 划分 行高就是 inline-box 的高度,默认情况下行内元素是基于base-line对齐的 图片1px问题:因为图片本身也是行内元素,也是基于基线对齐,基线距离底部会有一个间隙,所以会有留白,解决方案:font-size:0 或者 vertical-align:bottom vertical-align垂直对齐方式 只作用于行内元素,块级元素设置无效 vertical-align:top:垂直对齐于一行内最高的元素 vertical-algin:Text-top:垂直对齐于文本顶部 vertical-align:middle:对齐于文本中线 vertical-align:baseline:对齐于文本基线(英文字母文本底部) vertical-align:Text-bottom:对齐于文本底部 ...