随笔档案「2016年5月」 - xiaoleilei

图片上黑色透明遮罩的实现

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin: 0; padding: 0} .box{ width: 400 阅读全文

posted @ 2016-05-17 14:09 xiaoleilei 阅读(3749) 评论(0) 推荐(0)

如何实现两行文本增多显示省略号

摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>Document</title> 7 <style type="text/css"> 8 * { 9 margin: 0;10 pa 阅读全文

posted @ 2016-05-13 17:33 xiaoleilei 阅读(313) 评论(0) 推荐(0)

H5如何实现一行三列布局

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta content="yes" name="apple-mobile-web-app-capable"> <meta co 阅读全文

posted @ 2016-05-10 16:20 xiaoleilei 阅读(1579) 评论(0) 推荐(0)

H5瀑布流如何实现

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文

posted @ 2016-05-10 16:16 xiaoleilei 阅读(623) 评论(0) 推荐(0)

H5一行显示两个正方形

摘要：1）有时候一些图片会是正方形或者长方形，对于这样的图片一般都是居中显示到正方体内，代码如下： .exhibition_list img{width:100%;position: relative;top:50%;transform:translateY(-50%);-ms-transform:tra 阅读全文

posted @ 2016-05-10 15:16 xiaoleilei 阅读(1800) 评论(0) 推荐(0)

H5页面左图右边文字如何布局

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>商品</title> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content= 阅读全文

posted @ 2016-05-10 15:14 xiaoleilei 阅读(4052) 评论(0) 推荐(0)

H5横向三栏布局

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5横向三栏布局</title> <meta name="viewport" content="width=device-width,initial-scale=1 阅读全文

posted @ 2016-05-10 11:18 xiaoleilei 阅读(1206) 评论(0) 推荐(0)

表格第一列固定，右边内容可以左右滑动

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格第一列固定，右边内容可以左右滑动</title> <style type="text/css"> *{margin: 0; padding: 0}.table- 阅读全文

posted @ 2016-05-10 10:58 xiaoleilei 阅读(4874) 评论(0) 推荐(0)