![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
喜欢海呀
这个作者很懒,什么都没留下…
展开
-
html5以及jQuery实现本地图片上传前的预览
html5以及jQuery实现本地图片上传前的预览,效果类似如下: 选择图片前的页面: 选择图片之后的预览效果: 下面直接上代码(只是最简单的实现代码,css样式没有复制,自己随意发挥): html> head> title>HTML5上传图片预览title> meta http-equiv="Content-Type" content="text/html; c转载 2018-01-12 12:02:14 · 10864 阅读 · 0 评论 -
如何使图片尺寸自动适应窗口,随窗口大小变化而变化
代码如下: <img src="{{ url_for('static', filename=picture.piclink) }}" alt="" style="width: 100%; height: 100%">原创 2018-01-15 15:02:54 · 20604 阅读 · 0 评论 -
css设置多个img为固定高度显示,不受图片实际尺寸影响而改变大小
代码如下:img src="{{ url_for('static', filename=picture.piclink) }}" alt="" style="width: 100%; height: 100%; max-height: 153px; min-height: 153px">原创 2018-01-15 17:25:27 · 9588 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说原创 2018-01-23 19:46:13 · 211 阅读 · 0 评论 -
html网页中自定义浏览器标题栏小图标
经常看到别人网站的浏览器图标是自定义的,很好看,其实只要添加一个标签就可以了:'icon' href='pic.ico ' type='image/x-ico' /> 图标是.ico格式的文件,可以通过photoshop生成ico文件,也可以利用网上的在线生成工具(例如 http://www.ico.la/);注意ico图标大小设置为16 X 16.原创 2018-01-08 09:29:43 · 5152 阅读 · 0 评论 -
解决JS单击事件设置的弹出模块在点击后闪现消失的问题
源代码如下(主要就是在onclick事件后面,记得返回一个false):# html代码部分:button onclick="diago({{ cate.id }});return false;" class="am-btn am-btn-default am-btn-xs am-text-secondary" id="editcate"> a href="">原创 2018-01-20 11:54:25 · 7785 阅读 · 1 评论 -
Bootstrap3里的布局占据100%页面
自定义一个liquid的container类型: .container-liquid { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}原创 2018-02-27 20:05:50 · 4904 阅读 · 0 评论