有些朋友会发现，如果一行内容中有图片有文字的话，文字往往会自动的底部对齐，影响美观，那如何让它们相对于垂直居中呢，很简单，就是在图片和文字所在的行中添加CSS属性：vertical-align:middle;这样，它们在同一行就会垂直居中对齐了。
...
- 前端
- 2020-01-16
HTML5 图片下边界出现空隙，css去除空隙的解决方法
图片img下方出现空隙，且找不到空隙被哪一个元素占用，无缘无故多了空隙，影响样式设计，有以下几种解决方法：
1，给<img>元素添加样式：display:block;
<img style="display: block" src="../img/banner_index.png"/>
2,
...
- 前端
- 2020-01-15
1、垂直对齐
如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：
.verticalcenter{
position: relative;
top: 50%;
-webkit-transform: transl
...
- 前端
- 2020-01-11
关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放，而IE9+及Firefox浏览器都是正常全屏播放的，
通过调试发现是这个class的处理影响了全屏的展示
所以，目前的解决办法是在layer层创建之后，移除这个class即可（注意在success回调中置于下一轮事件循环）
处理方法即在
...
- 前端
- 2020-01-09
FontAwesome5.11 与4.7的区别 5.x版本图标显示方框的原因
请点击进入Fontawasome5.x 图标查询页面
进入之后可见所有图标，右侧下方可选各个分类的图标，可根据自身要求连续选择所需的分类。
使用Fontawasome这一字体图标的好处是：
不管在什么设备上，总能最精细的显示出来，而不会失真。
...
- 前端
- 2019-12-30
今天要写一个网页，
浏览器是chrome，
网页里有个自动播放的视频背景，
万事大吉，但是chrome怎么也无法自动播放。360浏览器正常。
网上花了很长时间，但都是说 autopaly ="autopaly" 就可以了。
最后弄了半天，
发现chrome 从18年起就不支持了。。。
...
- 前端
- 2019-12-25
input输入框输入内容后显示“X小叉叉”图标 可以清除输入框的内容
输入框获取焦点时动态显示“叉叉”的清空图表：在输入框中输入内容时，右边显示“叉叉”按钮；输入框为空的时候，“叉叉”按钮消失。
如下图：
主要难点是在获取焦点的同时获取输入内容：方法 1 和 2 是 google 到的，但兼容性不够；方法 3 是自己用 js 实现。
...
- 前端
- 2019-12-24
一、设置placeholder的方法
placeholder属性用来设置控件内部的提示信息
<input type="text" placeholder="请输入用户名">
改变placeholder的样式：
input::placeholder {
color: red;
...
- 前端
- 2019-12-24
CSS改变input光标颜色
我们可能会有改变input光标颜色的需求，谷歌浏览器的默认光标颜色是黑色的，我们可以看到GitHub上的光标却是白色，那么这个用CSS怎么改变呢?
这种效果有两种实现方式：
1.使用color来实现
光标的颜色是继承自当前输入框字体的颜色，所以用color属性即可改变：
input{
color:red;
...
- 前端
- 2019-12-10
a标签加边框后， 他们之间会有空隙 请看源代码
<style>
*{
margin: 0;
padding: 0;
}
a{
border: 1px solid #CD1E21;
}
</style>
<body>
<a href=""&
...
- 前端
- 2019-12-06
很简单，css中加入如下代码
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
pointer-events: none;
}
修改完成后发现一个小问
...
- 前端
- 2019-12-05
增加一下js代码
$(function () {
$(".dropdown").mouseover(function () {
$(this).addClass("open");
});
$(".dropdown").mouseleave(function(){
...
- 前端
- 2019-12-05
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"&g
...
- 前端
- 2019-12-03
bootstrap中sr-only是什么属性？用途是什么？
开发中经常发现bootStrap中有sr-only类，如下图
但是，好像在浏览器中并没有显现出什么效果。你作为正常用户觉得没效果就对了。
作用
这是专门为残障人士浏览网页设计的。
在前端开发中，有些时候设计图上面会出现仅供正常视觉用户看的元素。
...
- 前端
- 2019-12-03
遇到的问题:
使用<input>标签做了两个按钮, 按钮之间有个间距不知道怎么去掉. 如下图:
问题解决:
<input>是内联块状元素(inline-block);
内联元素是当做字体来处理的，字体之间是有间隔的，所以内联元素之间也是有间隔的;
将<input>父级字体(font
...
- 前端
- 2019-11-28
li前面的黑点超出div
一个CSS的问题，不多说， li前面的黑点超出div，记录下来，也为别人能用到!
代码：
<div>
<ul>
<li>冷冲压模具的</li>
<li>我国冲压模具设计发展以及在汽车领</li>
<li>江苏、浙江在模具设计与
...
- 前端
- 2019-11-25
今天在本地调试代码的时候，再域名中使用localhost，结果一直调试不成功，最后发现在登录时，setcookie()没有设置进去
于是发现了，在使用localhost调试时，保存cookie是无效的。记录一下。
原因：手册里关于setCookie说了，域名要有至少两个点，你用127.0.0.1都可以。
...
- 前端
- 2019-11-12
从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。
...
- 前端
- 2019-11-08
JQuery新版本的toggle()方法把元素隐藏了的原因分析及解决方案
在看《锋利的jQuery》的时候，有讲到toggle()方法，例子中说的是点击元素，会再显示和隐藏状态进行切换，但是我按着例子谢了一遍，发现被绑定toggle()的元素直接被隐藏了，查询发现是因为jquery1.9版本之后toggle()发生了变化。
...
- 前端
- 2019-10-08
如何批量添加阿里巴巴iconfont图标到购物车
在页面上右键--审查元素，切换到console 控制台 输入如下代码，其实就是触发点击事件，可以一次性选择当前页面所有的图标
var span = document.querySelectorAll('.icon-cover');
for (var i = 0, len = span.length; i < l
...
- 前端
- 2019-10-07
用VMWare安装window server 2008或者2012忘记密码后，想要修改密码满麻烦的。
以下过程是我成功修改密码的过程：
1.首先需要需要链接一个ISO文件，最好是当初安装的iso文件
需要特别注意把“启用连接”勾上，这个地方坑了我好长时间。
...
- 前端
- 2019-09-19
最新评论