• css中固定宽高div与不固定宽高div垂直居中的处理办法

    固定高宽div垂直居中 position: absolute; left: 50%; top: 50%; width:200px; height:100px; margin-left:-100px; margin-top:-50px; 不固定高宽div垂直居中的方法 方法一(此div元素应是 inline-block): 用一个“ghost”伪元素(看不见的…

    2019年1月12日 0 1.35K 1
  • css负边距之详解

    自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做,但是没有人会谈论它。(It’s like an online taboo—everyone’s doing it, yet no o…

    2018年12月10日 0 1.75K 0
  • chrome transition闪烁BUG

    前段时间写鼠标悬停元素上移效果时,当鼠标恰好放在元素边缘时,chrome出现一直上下移动的问题,其他浏览器表现正常。原因尚不知,可能是实现方式不对吧(PS:使用top实现),虽然不知道原因,但是问题还是要解决的,分享一个能绕开的实现方式。     说到鼠标悬停元素上移,首先想到的是鼠标悬停时元素上移,然后应用trans…

    2018年12月10日 0 983 0
  • CSS文本两端对齐

    说起text-align,大家一定都不觉得陌生,我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐,当然我们也使用justify来实现文本两端对齐。 如上图,两端对齐相对于左对齐,视觉上显得整齐有序。但justify对最后一行无效,通常这样的排版对整段文字是极好的,我们并不希望当最后一行只有两个字时也两端对齐,毕竟这是不便…

    2018年12月10日 0 756 0
  • JS—-this指向(二)

    箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。 1、独立函数 var a = 0 var test = ()=> { var a = 1 console.log(this.a) } test() //0 该箭头函数在全局环境中定义,即this指向window 2、对象的方…

    2018年12月9日 0 834 1
  • JS—-this指向(一)

    平时用this有些混乱,所以写个总结。 没有箭头函数之前,我们说this就是函数运行时所在的环境对象,但是在箭头函数中this就是定义时所在的对象,先说大家熟知的:函数运行时所在的环境对象。 1、作为函数调用,this指向全局对象  var q = ‘window’ var func = function { console.log(this.q)…

    2018年12月9日 0 1.43K 0
QR code