zb_ctrl的博客

建设高性能网站，网站优化

css实现文字超出省略号代替当我们在项目中，设计师给出方案，要求实现文字过长需要用省略号代替。如一行文字过长，超出一行的文字用省略号代替。有时候可能我们会用js去实现这个效果。不多说，直接上代码。（js代码如下）var sl = document.getElementById("wenzishenglue").innerHTML.slice(0,20)+"...";document.

css3过渡特效，或者2d/3d转换过渡特效。 css3转换特效：translate()位移、rotate() 旋转、scale()缩放、skew()翻转、matrix()组合方法。 过渡位移特效： css代码：.transiton1{ width: 100px;height: 100px;background-color: red; position: absolute;to

弹性布局Flexbox布局（ Flexible Box 或CSS3 弹性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出，确保元素拥有恰当的行为的布局方式。使用Flexbox来布局更容易，可以使用更少的代码，更简单的方式实现更复杂的布局，例如对齐方式，排列方向，排列顺序（这也是Flexbox布局的核心能