
css
藏不戈
纸上得来终觉浅, 绝知此事要躬行.
展开
-
css 提示效果
1.重点了解的是display属性中的 inline-block 值,而在w3cschool文档中没有写这个值 display : inline, 此元素会被你现实为内联元素 display : inline-block ,讲对象呈递为内联对象,旁边的内联对象会被呈递为同一行内,并允许空格;同时它也可以实现浮动布局以下为提示文本的一个demo源码,来来至 https://www.run原创 2017-07-25 12:36:04 · 356 阅读 · 0 评论 -
div实现拖动效果
先屡一下实现思路1监听到鼠标点击下去的事件,2.在此同时,获取鼠标在div的位置,即距离div 的 top,left 的距离,在移动的过程中保持这个值不变,从而实现拖动3.监听到鼠标松开的时间,此时不在同步div与鼠标的相对位置代码: 已测试 引用http://blog.youkuaiyun.com/mixi9760/article/details/52059047htmllang="转载 2017-07-25 14:54:14 · 954 阅读 · 1 评论 -
表格条件滚动条,并锁定表头
实现思路1.在tbody标签上添加纵向滚动条 2.在table标签上条件横向滚动条 3.这样表格内容和表头会出现错位的现象. 4.我采取的办法是锁定单元格的固定宽度,最后一个单元格设置为自适应宽度,以缓冲多出来的滚动条的宽度.code:<style> .ctBody { /*该块元素前后带有换行符*/ display:block; /*h原创 2017-08-21 10:21:57 · 734 阅读 · 0 评论 -
div内的元素垂直居中css样式
使用css3中的flexBox.vertical-container{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center原创 2017-12-05 17:39:57 · 322 阅读 · 0 评论 -
js操作标签调换顺序,添加类似收款地址样式
js远远不止如此的强大直接上代码html>head> meta charset="utf-8"> title>title> style> div.box{ width:300px; padding:20px; margin:20px; border:4px dashed #ccc; } d转载 2018-01-31 16:51:57 · 1093 阅读 · 0 评论 -
使用li标签布局
将 li 标签 按照多行多列的显示,效果如:苹果 苹果 苹果 梨子 梨子 梨子实例代码:style> ul {overflow:hidden;width:100%;} ul li{width:33.333%;float:left;}style>ul> li>苹果li> li>苹果li> li>苹果li> li>梨子li>原创 2017-12-07 17:26:05 · 942 阅读 · 0 评论 -
vue使用element-ui
1. 安装node.js ,输入node -v 和 npm -v 分别查看版本号,验证是否成功2. 安装淘宝镜像 ,也可不用, 只是加快资源下载 npm install -g cnpm --registry=http://registry.npm.taobao.org3. 安装脚手架, 输入vue -V(大写) 和 webpack -v 就可以查看是否安装成功npm install ...原创 2019-06-29 12:46:23 · 545 阅读 · 3 评论