• react实现多行文本超出加省略号

    http://www.css88.com/archives/5206 overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; 根据该文章方法,放在react项目中发现并不能实现,仔细观察发现原来react解析出来的css样式中没有了 这个...

    2018-08-14 10:01:51

  • 关于使用WeUI在IE中提示“font-face 未能完成 OpenTyp

    @font-face是css3中定义字体的规则。 首先,在使用weui时,在Chrome、Firefox下没有问题,但是在IE下提示“font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的”,如下图: 经过一番查找资料,解决方法如下: 1. 将@font-face中,字体的base64编码转换为字...

    2018-08-14 10:01:50

  • es6 解构赋值

    结构赋值即按照一种模式对变量进行赋值,分为数组解构赋值和对象结构赋值 1. 数组结构赋值 let a;[a,b] =[1,2] // 数组类型解构赋值 console.log(a); // 1 [a,b,...rest] =[1,2,3,4,5,6] // 输出1,2,[3,4,5,6] [a,b,c =3]=[1,2] // a=1,b=2,c=3 [a,b,c] =[1,2] // 若左...

    2018-08-14 10:01:49

  • BootStrap的动态模态框及静态模态框

    1.要用bootStrap这个框架就必须要重载它的class类,也就是说class要一样 代码如下: 有疑问的可以在下面留言,欢迎大家一起交流 1.1动态模态框 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" meta name ="viewport" content ="width=device-width, initia...

    2018-08-13 07:44:29

  • marquee标签的使用

    ! DOCTYPE html html head meta charset ="utf-8" / title 演示marquee / title style type ="text/css" * { padding : 0px ; margin : 0px ; } marquee { border : 1px solid purple ; } img { width : 360px ; height : auto ; } / style / head body !-- direction...

    2018-08-13 07:44:27

  • TinyEditor

    今天在github 上看到一个非常巧妙的项目:umpox/TinyEditor 使用简单的浏览器就能构造一个简单的实时运行代码的基于浏览器的前端编辑器,只需要很少代码; 使用方法: 粘贴如下代码到浏览器地址栏,(我测试了Chrome), 即可得到这样一个好用的编辑器。 data:text/html...

    2018-08-13 07:44:25

  • css属性(常用属性整理)

    摘要 :本文是我在学习前端的过程中整理的一些常用css属性,部分是css3新增的,因能力有限,文中如有错误,欢迎提出,我会及时修改。希望对大家有帮助! CSS属性 CSS属性 1 1. css颜色属性 5 1.1. 字体颜色 5 1.2. 背景颜色 5 2. 页面布局相关属性 5 2.1. display 5 2....

    2018-08-13 07:44:21

  • 背景图片之background的用法

    常用的background背景属性有: background-color 设置颜色作为对象背景颜色 background-image 设置图片作为背景图片 background-repeat 设置背景平铺重复方向 background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。 background-position 设置或检索对...

    2018-08-13 07:44:20

  • CSS之background-image:在一个元素中设置给定数量的

    众所周知,可以通过设置background-repeat的值来改变背景图片的重复次数。但有一个问题,background-repeat的值不是让图片只有1个,就是让图片铺满。如果只想设置给定数量的图片该怎么办?以2个为例,请看代码: 1 h1 { 2 background- image: url(logo.jpg), url(logo....

    2018-08-13 07:44:19

  • 一张图一个表——CSS选择器总结

    CSS选择器总结: (这些表是一张图片^_^) 看底部 完整思维导图图片和表格的下载地址:https://download.csdn.net/download/denlnyyr/10597820 (我不想选择要积分币下载的,但那里最低必须选择1个积分) 参考文献: https://baike.baidu.com/item/css%E9%80%89%E6%8B%A9...

    2018-08-13 07:44:18

2