![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
su的前端之路
这个作者很懒,什么都没留下…
展开
-
flex布局基本属性用法示例以及常见布局
在线地址演示:https://suhuixiao.github.io/flex-layout/ 结合图形进行演示,觉得好的小伙伴可以收藏,需要派上用场的时候直接复制粘贴。 页面部分截图: ...原创 2017-09-04 15:49:43 · 433 阅读 · 0 评论 -
js代码实现tab选项卡效果
实现tab选项卡效果贴上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2017-09-04 16:32:50 · 638 阅读 · 0 评论 -
总结div水平居中的方法
第一种方法: margin: auto; 第二种方法: position: absolute/relative/fixed; left: 50%; margin-left: 元素宽度的一半的负数; 第三种方法: position:absolute/relative/fixed; left: 50%; transform: translate(-50%, 0); ...原创 2017-08-23 23:16:39 · 383 阅读 · 0 评论 -
仿写添加标签栏
实现的功能: 1.选择选项后,该选项作为标签显示在标签栏 2.重复选择的标签不允许再添加 3.点击标签栏某个标签的“x”,可以把该标签删除 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&g...原创 2017-11-26 22:46:59 · 274 阅读 · 0 评论 -
模拟移动端上拉加载功能
代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上拉加载</title> <style> html{ font-size: 18px; } .containter{ bac...原创 2017-11-27 00:00:04 · 753 阅读 · 0 评论