css
怀色
拼,往死里拼...
展开
-
css display:block inline-block 问题
使用 span 定义margin padding 时发现失效了,因为span a 这些都是行元素,所以要使用 display:block 把行级元素变成块状元素,如果遇到使用display:block 把后面的挤下去可以使用 display:inline-block 成为行级块状元素即可原创 2016-10-20 10:17:51 · 508 阅读 · 0 评论 -
css div margin-top 无法定位
比如说像下图这样,margin-top 会造成是最外层div在移动而不是内层div移动,如果需要top移动可以把元素浮动,float:left 即可,或者使用 position:relative top:px 这样的方式进行原创 2016-10-21 01:44:24 · 691 阅读 · 0 评论 -
在有position: absolute;出现时margin:0 auto;是不起作用,如何居中?
需要设置两个属性 left:50%; margin-left: -100px; ( -100px 等于position: absolute 元素中的宽度的 1/2 )图形介绍:原创 2017-01-16 11:24:58 · 2257 阅读 · 1 评论 -
jquery 触碰图片放大不抖动效果
当图片放置在图片位置时,图片增大,并附加边框防止图片抖动感主要运用 : transform: caleX(1.08) scaleY(1.08) 如下图:jquery 代码参考 //清除样式 removeStyle = { transform:'', border:'' }; $(".imgs > img").css(removeStyle原创 2017-01-17 16:02:04 · 655 阅读 · 0 评论 -
display:inline-block 浮动时,头部无法对齐解决办法
在父类增加: vertical-align: top; 问题原因在于元素的内容不一致导致对齐的位置不一致,所以需要增加以上属性,目的是把元素的顶端于行中最高的元素的顶端对齐~原创 2017-01-17 16:09:55 · 1644 阅读 · 0 评论 -
css 不影响同辈元素上下左右移动元素位置
//上下transform:translateY(25px);-webkit-transform:translateY(25px);-o-transform:translateY(25px);-moz-transform:translateY(25px);//左右transform:translateX(25px); //小提示:记得添加兼容前缀哦~原创 2017-01-17 16:31:02 · 3196 阅读 · 1 评论