随笔 - 290  文章 - 10  评论 - 85  2

1. CSS水平居中和垂直居中实现方法

垂直居中: position: absolute; Top:50%; margin-top: -68px(div框高度的1/2);

文字垂直居中: line-height: XXpx, vertical-align:middle

水平居中:  left:50%; margin-top: -150px(div框宽度的1/2);

水平居中(另一个方法): 父div text-align: center, 子div设置 margin-left: auto; margin-right: auto;

 

2. 微信页面尺寸:iphone5=320*504, iphone6=375*604,iphone6 plus=414*672, android=360*576

如果不想为每个尺寸做一个背景图片,可以近似把图片尺寸设为1:1.67(1080*1700)

 

3.图片png格式,和边没有空隙,然后用css控制margin-left,margin-right 来显示图片的大小 

 

4. 当css 中父类div 高度为为时,可能是子类div 元素用了float,没有加clear属性。或者在父类的css加上overflow:auto;

posted on 2016-10-16 23:35  Gu  阅读(...)  评论(...编辑  收藏