FE_lxy的博客

问题常见于测试数据常见，取到一长串的英文字符，无法在设置好宽度的div中自定换行，一般正式环境的中文可以解决

el-table的高度自适应问题el-table__body-wrapper的高度大于el-table__body的高度，导致表格最后一行后有留白，大致如下：通过设置了表格外层的高度为当前的90%可以解决数据固定的表格问题.el-table__body-wrapper { height: 90%!important; //具体百分比可以根据自身情况调整 }但此法缺乏灵活性当前表格有一个固定高度的显示区域，超出高度自动滚动，滚动时无此样式Bug所以无需处理，只需要对于表格行数不足

问题：原本hover样式是鼠标悬浮显示，不悬浮就消失了的，但在移动端，点击后才显示hover样式，此后如果我们不做处理，那么hover样式就一直存在。方法：1、判断当前设备是什么设备。通过设备宽度@media screen and（...）进而设置移动端和pc的样式。弊端：因为pc端网页窗口也能缩小到500px，手机的窗口大小也是不定的，有些很大，有些很小，所以通过这种方法，不是太好。既然无法从宽度来解决问题，那么我们可以采用判断设备是否具备hover事件来决定是否显示hover.

之前接触过一个经典的笔试面试题目，背景色出现在哪部分，延伸出margin和padding的对比，何时使用margin何时使用padding先看下面盒子模型，元素自身的background属性，显示范围是边框以内的所有区域，border+padding+contentcolor和image同理所以自身设置的背景色出现在自身border-box以内的所有区域，包括padding父级...

单列布局：l   顶部宽度占满整个页面：对top只设置height而不设置width（设置width为100%），main部分设置width，height自动l   盒子居中对齐 margin:0 auto 两列布局：l   自适应，左右两栏宽度用百分比表示，高度设为相同的值，float分别为left和rightl   非自适应，左右两栏用main的div包围设置main的宽度和居中，左右两栏的f...

不占用空间，在内容之上 语法如下设置box-sizing:border-box之后，再设置padding border 不会改变盒子的大小，只不过会向内占用content的区域

背景裁剪background-clip使用：用于设置背景延伸到内容、内边距、边框（默认）背景图像渐变角度值以向上为0度，顺时针方向计算角度

纯修饰性的图片，加到背景中，不要过多添加<img>标签background-position:水平（left/right) 垂直（top/bottom) 如果使用px为对应的角离开对应的变得距离    如果是%为背景图像中某点离开的距离圆角框上下使用圆角的背景图像background设置border-radius为变框角的半径：50%或者是width/2那么就是转角是1/4圆（与浏览器...

使用display属性可以改变框的类型display:none使得元素没有框，不再显示不占用文档的空间普通流（除非特殊指定，默认的）浮动绝对定位对于inline元素，可以通过设置水平的边框内外边距调整水平间距   垂直内外边距变框不影响行内框的高度设置width和height也没有用，不起作用但是可以设置line-height来改变行框的高度修改inline的尺寸：改变水平(left/right)...

遇到没起作用的CSS是因为特殊性冲突，在选择器前面添加父元素的id可以增加特殊性计算特殊性的方法a:行内样式，优先级最高，a=1    只有行内样式1000b:id选择器总数c:类、伪类、属性选择器数量d:标签选择器和伪元素选择器数量十进制下计算abcd值 IE6及以下在混杂模式下使用自己的非标准盒模型width=content+2*border+2*paddingbox-sizing属性用于指定...

每个元素两个盒子：外在盒子负责是否可以换行，block单独一行    inline可以与图文同一行                              内在盒子负责宽高，内容   block：可以设置width height   inline：不可以block:外在：块级盒子       内在：块级容器盒子inline-block:   外在：内联盒子       内在：块级容器盒子（可设置...