项目练习中遇到的问题记录: 1. 鼠标点击超链接时不显示小手掌:父元素绝对定位影响到了子元素 解决办法: .father{ z-index:998; } 2. object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框 3. 弹性盒布局中,弹性元素的 nth-ch ...
分类:
其他好文 时间:
2019-12-29 15:12:44
阅读次数:
102
参考替换元素和非替换元素: https://www.cnblogs.com/lixiaodou/p/7150624.html 块级元素、行内(内联)元素和行内块元素 块状元素 块状元素代表性的就是<div>,其他如<p>、<nav>、<aside>、<header>、<footer>、<center ...
分类:
其他好文 时间:
2019-12-17 13:31:17
阅读次数:
183
<input /> 标签是我们日常开发中非常常见的替换元素了,但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性,选择器都没怎么用过,所以就开篇文章来整理一下一些比较有趣或者实用的知识点。 本篇文章默认大家已经知道 <input /> 标签的基本用法,不会 ...
分类:
其他好文 时间:
2019-12-02 23:24:54
阅读次数:
83
做项目经常会遇到图片列表展示,图片一般是用户从后台上传的,上传的图片尺寸千差万别。如果前端不控制图片大小,整个排版就会很乱,如果给定长宽,图片又会变形,用背景图片来处理有特别麻烦。这个问题一直苦恼了我好久,最近终于找到解决办法了。 css有一个object-fit属性,用来指定替换元素的内容应该如何 ...
分类:
Web程序 时间:
2019-10-13 00:33:16
阅读次数:
869
JS字符串替换不必要的元素, 然后去除多余的空格, 转换成数组: ...
分类:
编程语言 时间:
2019-10-10 15:44:44
阅读次数:
122
创建元素:document.createElement('要创建的标签名') 将元素(子级)添加到另一个元素(父级)中:元素(父级) . appendChild('子级') 将元素(子级)插入到另一个元素(另一个子级)的前面: 元素(被插入元素的父级)insertBefore(插入的新元素,被插入的 ...
分类:
其他好文 时间:
2019-07-02 21:04:04
阅读次数:
96
JQuery是一个 JavaScript 库,她极大的简化了我们对 JavaScript 的编程。 今天我们总结了下平常项目中用到的一些小技巧,仅供参考。 1、替换元素 2、延时加载 3、返回顶部按钮 4、预加载图片 5、检查图片是否加载完成 6、检查某个元素是否存在 7、验证元素是否为空 8、把创 ...
分类:
Web程序 时间:
2019-06-15 20:06:43
阅读次数:
157
浮动原理:w3c:float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。浮动非替换元素要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元 ...
分类:
其他好文 时间:
2019-04-26 21:04:49
阅读次数:
265
在检查网站的时候发现图片给于固定宽的时候,会压缩变形,要保证,img元素不变形,宽高比不变。从别人那里了解到object-fit,以前从未用过,所以就总结给自己看看,理解一下。 object-fit css属性指定可替换元素的内容应该如何适应到其使用高度和宽度确定的框内。 object-fit 的语 ...
分类:
Web程序 时间:
2019-04-09 18:33:25
阅读次数:
198
浮动元素会从文档正常流中删除,但它仍会影响布局 浮动非替换元素必须为其指定width,否则元素的width会趋于0而导致浮动元素不能完整显示 一旦元素具有了浮动属性,它便成为了一个块级元素。 浮动元素的左右外边界不能超出包含块的左右内边界 浮动元素永不会重叠 浮动元素不会超过容器的上padding ...
分类:
Web程序 时间:
2019-02-15 15:20:14
阅读次数:
435