![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
夕空
这个作者很懒,什么都没留下…
展开
-
自定义滚动条
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>自定义滚动条</title> <style type="text/css"> .innerbox{ overflow...原创 2019-11-14 11:06:33 · 139 阅读 · 0 评论 -
两端对齐流式布局--全兼容ie6+
预览:作用:常用于布局时内部元素尺寸不固定,但又想整体对齐时。我们常常使用float:left;时会发生高度不一致导致下一行的排版错位。使用text-justify布局可以解决这个问题,当然内部元素只能是inline-block或inline行内元素,不支持block块级元素。最后一行默认不会两端对齐,text-align-last:justify;会使最后一行也分布对齐。...原创 2018-06-07 16:28:06 · 587 阅读 · 0 评论 -
table表格多层嵌套table采坑!(重复描边兼容问题)
你肯定会说table还要解决兼容问题,你搞笑啊~~ 是的,一开始我也会这样说,但那是在只有一个table状况下,咋折腾都没问题,直到有一天。。。 先说说为什么要嵌套table,常规情况下我们用一个table就能解决问题,拆分及合并单元格可以用到rowspan和colspan,但是搞起来真的好麻烦啊!!!复杂的表格拆结构真的吐血。比如: 为了制作一个这种表格不得已大表格套小表格(或许有更方便...原创 2018-06-14 21:50:25 · 15834 阅读 · 1 评论 -
【面包屑】可根据文字大小变化尺寸-兼容主流浏览器及ie8+
最终样子: <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>面包屑</title> <style type="text/css"> #c原创 2018-11-20 10:25:42 · 463 阅读 · 0 评论 -
div垂直居中(全兼容ie6+)
忘记从哪里借鉴的了,直接贴上:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>全兼容垂直居中</title> <style type="text/css"&am原创 2018-12-03 15:53:25 · 1920 阅读 · 0 评论 -
web端树状菜单(支持无限下级分类+修改+新增+删除)
DEMO下载:https://download.csdn.net/download/zhi_jie/10825201一开始在onethink后台里看到的,发现只能展开到3级菜单,经过我一通修改,可以无限下级分类的菜单了,可以实时修改、新增、删除,代码示例需要jquery与art-template.js(可以换成你习惯的模板引擎或修改成jq操作)注意:此树状菜单是一级一级读取jso...原创 2018-12-03 17:53:53 · 3771 阅读 · 4 评论 -
让页面滚动平滑
来源:https://www.zhangxinxu.com/wordpress/2018/10/scroll-behavior-scrollintoview-%E5%B9%B3%E6%BB%91%E6%BB%9A%E5%8A%A8/comment-page-1/scroll-behavior:smooth写在滚动容器元素上,可以让容器(非鼠标手势触发)的滚动变得平滑。四、JS平滑滚动...转载 2019-05-08 18:06:47 · 701 阅读 · 0 评论 -
Masonry JS瀑布流布局
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Masonry JS瀑布流布局</title><style>li{list-style:none;}ul{ width:90%; margin:0 auto;}...原创 2019-05-13 11:30:35 · 814 阅读 · 0 评论 -
js事件代理
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>js事件代理</title> <style type="text/css"> p{background: #bbb;color: #FFF;} </...原创 2019-05-13 16:32:28 · 106 阅读 · 0 评论