2016年10月22日
CSS垂直水平居中方法总结
摘要： 在布局的时候经常能用到居中，在此总结一下 html结构： 1.水平居中：margin:auto; 此方法简单只需一行代码，但是只能水平居中，至于为什么垂直居中不起作用呢：默认宽度继承父级宽度,而高度不能继承可以由内容撑开，居中计算时是相对父级计算因此垂直居中不起作用 效果如下： 2.垂直居中：tab 阅读全文
posted @ 2016-10-22 20:00 daicunya 阅读(482) 评论(0) 推荐(0)
2016年9月11日
仿京东放大镜
摘要： 昨天跟朋友聊天时说到京东页面展示商品的放大镜，正好今天得空写了个demo。 先说下原理：左边一张小图，右边是一张大图初始隐藏，当鼠标移入小图时大图出现。看到的大图范围只是一个比例关系很简单 懵掉了？不怕 上代码 大图的布局，超出父容器隐藏 放大镜滑块的位置： 接下来给放大镜滑块限定移动范围： 好像缺 阅读全文
posted @ 2016-09-11 11:28 daicunya 阅读(772) 评论(0) 推荐(0)