需求背景 el-card组件的el-card__header行高设置比较高，需要在项目中修改掉，但无论如何修改都不生效。 问题描述 头部样式在scoped下作用无效，可以通过添加/deep/的方式解决，但由于版本或者其他原因，目前未知，添加该方法总是报错。如下代码总是编译不通过。 .box-card ...
分类：
其他好文 时间：
2020-07-19 15:46:48
阅读次数：
233
宽度不固定，超出宽度则以省略号“...”来表示。 /*规定段落中的文本不进行换行：*/ white-space: nowrap; overflow: hidden; /* text-overflow属性表示规定当文本溢出包含元素时发生的事情; ellipsis表示显示省略符号来代表被修剪的文本。*/ ...
分类：
Web程序 时间：
2020-07-19 11:51:01
阅读次数：
106
我们以往实现平滑滚动往往用的是jQuery, 如实现平滑回到顶部，就写如下代码： $(‘.js_go_to_top‘).click(function () { $(".js_scroll_area").animate({scrollTop: 0}, 600); }); 我们现在可能通过css实现这一 ...
分类：
Web程序 时间：
2020-07-19 00:35:24
阅读次数：
142
<template> <div class="selectCityMain" ref="DOM" id="pageId"> <div ref="Box"> <!-- <div v-if="letter.length > 0" class="now-sort">{{letter}}</div> --> ...
分类：
其他好文 时间：
2020-07-18 22:12:55
阅读次数：
111
借用构造函数 这种技术的基本思想很简单，就是在子类型构造函数的内部调用超类型的构造函数。另外，函数只不过是在特定环境中执行代码的对象，因此通过使用apply()和call()方法也可以在新创建的对象上执行构造函数。 function Box(name){ this.name = name } Box ...
分类：
Web程序 时间：
2020-07-18 19:46:58
阅读次数：
73
一、添加一个超链接，然后给其href="#top",则可以使用 <a href="#top" class="btn" title="回到顶端"></a> 二、第二种 href指向特定的id <body id="goTop"> <div class="box"> <img src="1.jpg"> < ...
分类：
Web程序 时间：
2020-07-18 11:37:42
阅读次数：
104
关于它们两个的区别 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的属性，在处理时，使用attr方法。 举例： <input id="chk1" type="checkbox" />是否可见 <input id="chk2" type="check ...
分类：
其他好文 时间：
2020-07-18 00:48:39
阅读次数：
68
VirtualBox+Vagrant环境配置 一、下载安装VirtualBox和Vagrant VirtualBox下载地址：https://download.virtualbox.org/virtualbox/6.1.12/VirtualBox-6.1.12-139181-Win.exe Vagr ...
分类：
其他好文 时间：
2020-07-17 13:41:14
阅读次数：
74
input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizi ...
分类：
Web程序 时间：
2020-07-16 00:24:12
阅读次数：
86
盒子的模型宽度不是你设置的width的值，根据box-sizing设置的属性决定， 如果为content-box那么元素的宽度为：width+margin+padding+border, 如果设置为border-box那么元素的宽度为：width+border+padding， content-bo ...
分类：
Web程序 时间：
2020-07-15 23:40:47
阅读次数：
74
