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 · 196 阅读 · 0 评论 -
两端对齐流式布局--全兼容ie6+
预览： 作用：常用于布局时内部元素尺寸不固定，但又想整体对齐时。 我们常常使用float:left;时会发生高度不一致导致下一行的排版错位。 使用text-justify布局可以解决这个问题，当然内部元素只能是inline-block或inline行内元素，不支持block块级元素。最后一行默认不会两端对齐，text-align-last:justify;会使最后一行也分布对齐。 ...原创 2018-06-07 16:28:06 · 629 阅读 · 0 评论 -
table表格多层嵌套table采坑！（重复描边兼容问题）
你肯定会说table还要解决兼容问题，你搞笑啊~~ 是的，一开始我也会这样说，但那是在只有一个table状况下，咋折腾都没问题，直到有一天。。。 先说说为什么要嵌套table，常规情况下我们用一个table就能解决问题，拆分及合并单元格可以用到rowspan和colspan，但是搞起来真的好麻烦啊！！！复杂的表格拆结构真的吐血。比如： 为了制作一个这种表格不得已大表格套小表格（或许有更方便...原创 2018-06-14 21:50:25 · 15978 阅读 · 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 · 514 阅读 · 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 · 1962 阅读 · 0 评论 -
web端树状菜单（支持无限下级分类+修改+新增+删除）
DEMO下载：https://download.youkuaiyun.com/download/zhi_jie/10825201 一开始在onethink后台里看到的，发现只能展开到3级菜单，经过我一通修改，可以无限下级分类的菜单了，可以实时修改、新增、删除，代码示例需要jquery与art-template.js（可以换成你习惯的模板引擎或修改成jq操作） 注意：此树状菜单是一级一级读取jso...原创 2018-12-03 17:53:53 · 3932 阅读 · 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 · 784 阅读 · 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 · 893 阅读 · 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 · 137 阅读 · 0 评论