
css
ggyyjavascript
这个作者很懒,什么都没留下…
展开
-
css 超长标题中间省略
【代码】css 超长标题中间省略。原创 2023-01-09 12:57:47 · 1432 阅读 · 1 评论 -
安卓移动端line-height垂直居中出现偏移的原因,及解决方法
这个方法是利用了浏览器的字体fallback机制,让英文也使用中文字体来展示,blink早期的内核在fallback机制上存在问题,Android 7.0+才能ok,早期的内核下会导致英文fallback到Noto Sans Myanmar,这个字体非常丑。这个方案就是显式申明中文的方案,MIUI在8.0+上内置了小米兰亭,同时在fonts.xml里给这个字体指定了family name:miui,所以我们可以直接设置。出现了一定位置的偏移情况,如果略微只有两三个像素差距是看不出来的。......原创 2022-08-04 14:41:38 · 871 阅读 · 0 评论 -
js 9宫格抽奖
代码】js9宫格抽奖。原创 2022-08-02 14:47:01 · 1425 阅读 · 0 评论 -
前端面试题
面试笔记原创 2022-07-14 10:59:04 · 254 阅读 · 0 评论 -
练手切水果
<div class="apple egg"> <div class="small_apple small_egg1"></div> <div class="small_apple small_egg1 small_apple2"></div> <div class="small_apple small_egg1 small_apple3"></div> <.原创 2022-04-08 15:08:02 · 416 阅读 · 1 评论 -
解决css(富文本内容)连续数字、字母,特殊符号不自动换行
通过富文本编辑器添加的内容,通过input展示出来(这里用到了 Vue 的 v-html指令)。也是巧合,编辑了一个只有数字组成的长文本,等到展示的时候发现,内容超出了(没有自动换行)解决方法: 接下来介绍一下上面问题的两种解决方法:1.方法一——对input标签设置div{ WORD-WRAP:break-word; TABLE-LAYOUT:fixed; word-break:break-all;}2.方法二——对input标签内的p标签设置.div &.原创 2020-06-19 20:35:57 · 6366 阅读 · 0 评论 -
el-table expand-change 点击每次只展示一个
三个事件:row-key=“getRowKeys”行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能与显示树形数据时,该属性是必填的。类型为String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。:expand-row-keys=“expands”可以...原创 2019-11-21 10:08:56 · 4713 阅读 · 3 评论 -
第三篇vue引入scss
如果不用scss函数 只需下载依赖就行npm i sass-loader node-sass -D原创 2019-08-09 10:56:26 · 3819 阅读 · 0 评论 -
图片处理属性 object-fit 和 背景图片属性 background
object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。contain被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配,该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配,该对象将被剪裁以适应内容框...原创 2019-09-12 16:57:57 · 1012 阅读 · 0 评论