One Hundred Years of Solitude

扬帆,启航!

垂直居中的几种方法

第一种:父元素宽高不确定,元素垂直水平居中 table table-cell

第二种:用定位的垂直水平居中

第三种:父元素子元素宽高确定了的水平垂直居中 box-sizing:border-box; padding挤到水中垂直居中即可

第四种:和第三种相似,只是没有用盒模型了 算好margin的值 就margin : 值 auto;即可

第五种:伸缩盒子

第六种:tanslate()

番外篇:布局 之 三列-两边固宽-中间自适应

布局之 5列-两边固宽-中间3列自适应

布局之 一边固宽一边自适应

点赞

发表评论

电子邮件地址不会被公开。