随笔分类 - css
摘要：解决方法 给div设置flex-shrink: 0表明不改变原始宽度，只针对中文。英文请参考css的word-wrap换行设置 错误如图 错误的代码是： <div class="form-item"> <div class="form-label">缴费项目：</div> <div class="f
阅读全文
摘要：说明 最近在改同事的代码，发现一个很奇怪的现象，公共divA，设置了高度为65px。在不同的页面上使用了该divA，且保持divA的高度65px不变。在控制台查看的时候，神奇的事情发生了！页面a中计算后的divA高度65，页面b中计算后的divA高度为57。 已知公共divA的样式代码一样，发生这种
阅读全文
摘要：前言 在项目中，要想实现自适应，往往需要百分比+rem结合。本文实现内容如下：不同窗口大小，文字自适应 第一步 设置媒体查询样式，不同的pc端窗口设置不同的html跟字体大小（为什么设这个我就不说了，看rem概念就知道了） reset.scss放在assets/style/reset.scss /*
阅读全文
摘要：修改后的样式： 代码： 代码在App.vue中，因为其他页面中添加了<style lang="scss" scoped>,scoped只对本组件有效，然而datePicker生成是和id="app"平级的关系，所以设置scoped的组件无法对datePicker生成的时间选择框做样式调整。我将App
阅读全文
摘要：html <el-table class="table_el" ></el-table> css .table_el{ /deep/ .el-table__body-wrapper{ //滚动条整体 &::-webkit-scrollbar{ width:6px; } //滚动条小方块 &::-we
阅读全文
摘要：line-height line-height必须写在font-size后面,否则可能不生效. vertical-align 对齐水平线用于table中，table中用于文字位置的设定；img有效在img中可以用于图片和文字靠上靠中对齐 link main.css和main2.css同时开始加载，先
阅读全文
摘要：前言 rgba和opacity都可以用于透明度的显示，设置rgba的父元素透明度不会作用于子元素。设置opacity的父元素同名都会作用于内部子元素。 rgba rgba(0-255,0-255,0-255,0-1)，最后一个参数的范围是0-1表示当前元素的透明度,不会影响到子元素 如下图,我给标题
阅读全文
摘要：问题 基于业务需要echarts容器被层层嵌套，高度通过百分比来设置。echarts随着窗口大小变化，绑定了resize事件，然鹅resize事件却失效 解决 resize失效说明容器大小变化失败，我们要查看一下容器百分比设置，结果发现在<style>标签内设置高度百分比无效，需要将百分比改为行内样
阅读全文
摘要：前言 基准不同,rem相对于html的font-size,而em相对于父元素的font-size; 相对来说rem更安全,不会混乱样式 一.rem rem以html的font-size大小为基准,如下例子: html{ font-size:100px; } button{ //0.12rem=12p
阅读全文
posted @ 2020-04-27 14:51
知了呀
摘要：在仿站过程中,网站的iconfont查找非常浪费时间,这里教大家一次性获取网站iconfont的方法 1.打开 开发者工具 在element中搜索font-face,结果如下,<style>标签内会有@font-face,复制font-face内的所有代码 2.将代码粘贴到自己的编辑器上 创建ico
阅读全文
摘要：一 要实现的样式,文字在图片的垂直居中位置 二 实现的代码: <style> .flag{ position: absolute; bottom: 0; width: 23rem; height: 2.5rem; line-height: 2.5rem; } .flag img{ width: 1.
阅读全文
摘要：然后设置css： table生成的效果如下： data classes="table table no border" 则是所有线条都消失
阅读全文
摘要：我要实现下图的样子,币种和旗子都是垂直居中,方法很简单,给img设置vertical align:middle.在父容器上设置上line height,效果如下 要实现span垂直居中,代码如下: 解释一下这么写的原因: img是行内元素,会带有默认样式vertical align:baseline
阅读全文
摘要：父元素宽度被子元素宽度撑开width:max-content css3提供了一个新特性,width:max-content.让父元素的宽度被子元素撑开.父元素宽度等于子元素 width:max-content img和文字顶部对其（vertical-align：top） 下图中，通过控制台可以看到文
阅读全文
摘要：display:none 元素隐藏,元素所占的空间也消失了,会影响周围元素空间的变化所以会引起回流和重绘 visibility:hidden 元素隐藏,元素所占空间不会消失,不会影响周围元素空间的变化所以只会引起重绘 设置该样式的元素不会再触发事件了 <style> .div1{ width: 10
阅读全文
摘要：在开发项目的时候,经常会出现多个元素样式相同,比如颜色相同.这里就需要我们设置公共样式,方便后期调试 一配置方法 1.在src/assets/styles目录下创建文件variable.scss //variable.scss$icon-color: #23beae; 2.在vue.babel.co
阅读全文
摘要：@charset "utf-8"; /* CSS Document */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding:
阅读全文
摘要：前言 vw布局的页面是等比改变的(因为vw将屏幕等分为100份,在初始设计时某元素占屏幕多少份,在其他屏幕上也是同样的份数),比如我们在一个750px的屏幕宽度中使用了vw,当我们把屏幕宽度改为1920的时候,网页的整个样式包括字体都会等比放大.vw布局我用于大屏监控数据展示. 下图是750屏幕宽度
阅读全文
摘要：问题 在app.vue中设置了html{height:100%},但是在控制台跟踪的时候发现并没有生效 解决 因为在App.vue中style添加了scope表示只有当前页面生效,去掉scope就好了
阅读全文
摘要：父元素样式 .father{ width: 100%; height: 100%; margin: 0; padding: 0; } 子元素垂直居中方法一 子元素要是块 relative/absolute+top50%+maringTop(-div一半高度) .son{ width: 400px;
阅读全文
浙公网安备 33010602011771号