
WEB
程序员小猪。
这个作者很懒,什么都没留下…
展开
-
element select 选项内容显示过长隐藏问题
添加 css 样式<style> .el-select__tags-text { display: inline-block; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .el-select .el-tag__close.el-icon-close { top: -7px; }</style&.原创 2021-02-26 09:49:30 · 5985 阅读 · 0 评论 -
js如何准确获取当前页面url网址信息
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.hr...原创 2019-11-25 10:15:02 · 275 阅读 · 0 评论 -
HTML+CSS大风车及十字架的实现
说起大风车勾起了多少人的回忆,我们今天就利用CSS做一个大风车并且让它转起来。首先还是老规矩——先上效果图:一................ 不是说好了转起来的吗?怎么在哪原创 2015-08-31 18:10:57 · 5488 阅读 · 0 评论 -
仿新版百度首页,99%还原真实百度首页。
老规矩,首先上效果图效果还可以吧,接下来我们要做的第一步 就是编写百度首页的HTML代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns...原创 2015-08-31 17:46:31 · 25693 阅读 · 2 评论 -
CSS 制作3D魔方 爱的魔方给女(男)朋友一个感动
首先上效果图:是不是很炫呢!没有?好吧!只能发个大招了,来看下动态的效果吧http://www.meipai.com/media/395929464效果还算可以吧,相信只要你用心,你会做出更炫的效果。把你们的生活点滴记录在上面,你的他/她肯定会非常感动的。好了,是不是已经迫及待的想看看到底是怎么实现的了!下面先附上HTML的代码原创 2015-08-24 09:14:05 · 6811 阅读 · 4 评论 -
ie6,ie7常见兼容性问题总结
其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决。下面是14条特殊情况仅供参考:1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决转载 2015-11-23 10:21:00 · 3519 阅读 · 0 评论 -
最全行内元素和块级元素分类
1 块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素:span, strong, em, br, img , input, label, select, textarea, cite,原创 2015-11-18 11:21:30 · 230 阅读 · 0 评论 -
CSS动画:transition 的用法介绍
CSS中最简单的动画叫做 transition(转变)。通常,当一个元素的样式属性值发生变化时,我们会立即看到页面元素发生变化,也就是页面元素从旧的属性值立即变成新的属性值的效果。Transition(转变)能让页面元素不是立即的、而是慢慢的从一种状态变成另外一种状态,从而表现出一种动画过程。这些转变效果可以用下列属性来指定:transition-property – 什么属性将用原创 2016-01-07 15:14:49 · 2518 阅读 · 0 评论 -
小程序 Cannot read property 'push' of null
在小程序中执行 this.data.arr.push(i);使用 push 方法添加数组元素报 Cannot read property ‘push’ of null 错误错误原因:可能是因为 arr 没有定义arr 定义了,但是不是数组类型解决:只需要在 data 中定义 arr 为数组即可data: {arr: [],},...原创 2018-12-25 16:57:13 · 6585 阅读 · 0 评论