html
关注
分享
扫一扫
EarlEcho
有点小目标的渣web前端
展开
-
文字和img保持在同一水平线
经常遇到一个问题，当需要让一张图片和文字在同一水平线上显示市，图片总是会比文字高出一截，可以说非常不好看了。 解决方法： HTML代码如下<img src="../static/image/ok.png" /><p class="tip1">密码修改成功，请重新登陆！</p>CSS代码如下p{ display: inline-block; vertical-align: mid原创 2017-07-27 16:13:52 · 5088 阅读 · 2 评论 -
CSS 单行或多行文本溢出显示省略号
单行文本溢出显示省略号：（需要先限定盒子的width）overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本溢出显示省略号：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;因使用了WebK原创 2017-08-10 18:32:21 · 440 阅读 · 0 评论 -
基于Jquery实现的手风琴
HTML代码如下：<div class="join-us-right"> <ul> <li class="index-item"> <div class="title"> <p class="job-name">手风琴列表1</p> <p class="job-date">2017.8.1原创 2017-08-18 18:23:35 · 359 阅读 · 0 评论 -
基于JQuery实现的轮播图
HTML代码<div class="carousel-figure clearfix"> <div class="carsoul-box clearfix"> <a class="ig" href="#"><img src="image/carsoul1.png"/></a> <a class="ig" href="#"><img src="image/6.p原创 2017-08-18 18:33:08 · 775 阅读 · 0 评论 -
JS跳转页面的方式，以及使用JS锚点定位
在父页面跳转：window.location.href="xxx.html";在新窗口打开，即使用_target属性：window.open("xxx.html","_blank");JS页面锚点定位document.getElementById("xxx").scrollIntoView();原创 2017-09-05 15:19:22 · 883 阅读 · 0 评论 -
未知错误：Uncaught RangeError: Maximum call stack size exceeded.
今天碰到的JavaScript错误：Uncaught RangeError: Maximum call stack size exceeded百度下说是栈溢出，但是我的程序代码中没有任何的循环和递归算法 我的代码<body style=""> <div id="userLogin"> <div class="login-wrapper"> <form原创 2017-08-24 14:40:12 · 4813 阅读 · 0 评论 -
前端实现图片压缩上传功能
以移动端为例，在H5上传图片时，由于机型 / 网速 / 流量等限制，在低版本机型上经常会出现上传的图片太大导致上传很慢甚至崩溃的情况，所以需要对在某些情况下需要对上传的图片进行压缩上传。以下以移动端使用Vue框架为例：（以下主要实现思路来自张鑫旭大神的博客：原创 2019-04-12 21:49:16 · 4824 阅读 · 0 评论