css
於刚
年轻就是资本,最要投资的就是自己。
展开
-
css3实现瀑布流布局+缺点用户体验差,但是性能高于js,jq,使用column属性
#main{ -webkit-column-width: 202px; -moz-column-width:202px; } .box{ padding: 10px 0 0 15px; } .pic{ padding:10px; border: 1px solid #cccccc; border-radius: 5px; box-shado原创 2016-08-19 14:26:32 · 2719 阅读 · 0 评论 -
当<div>中含有<img>时,<div>的高度比<img>的高度要多3px。如何解决?
如果将一个img放在div里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢? 因为img默认是按基线(baseline)对齐的。对比一下图片和右边的p, q, y等字母,你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。 要去掉空格可以使用vertica转载 2016-04-04 12:35:41 · 589 阅读 · 0 评论 -
史上最全的CSS hack方式一览,来自CSDN freshlover的博客专栏《史上最全CSS Hack方式一览》
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经转载 2016-10-09 21:47:37 · 293 阅读 · 0 评论