04 2017 档案
摘要:首先,固定宽度1. word-break:break-all;只对英文起作用,以字母作为换行依据(中英文混排,一行显示)2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据(多,中文英文分行显示)3. white-space:pre-wrap; 只对中文起作用,强制换
阅读全文
摘要:Loading 动画效果一 HTML 代码: <div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <
阅读全文
摘要:说明: HSL(H,S,L) HSL(H,S,L) 取值: H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360S:Saturation(饱和度)。取值为:0.0% - 100.0%L:Lightness(亮度)。取值为:0.0
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content=
阅读全文
摘要:如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: 效果如图: 但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说多行文本溢出显示省略号,如
阅读全文