Supaopao的博客

实际需求中，很多时候都会有箭头的情况，只不过一开始总是喜欢找别人写好的，随着需求的增加，很难通过修改来满足需求，所以理解原理自己动手才是万难的根本解决办法。一、绘制三角容器：<div class="container"></div>样式：.container{ width: 0; height: 0; border: 50px solid; border-color: red yellow green blue;}效

样式不生效原因：使用 scoped 后，父组件的样式将不会渗透到子组件中。导致作用范围不能作用到内部的子组件中。方案一为了不让所有的 el-input标签都是该样式，可以在HTML给改input加上一个类名，比如 modInput<style> .modInput .el-input__inner { border-radius: 20px; }</style>方案二使用深度作用选择器，使用>>> ，less使用/deep/less 预处理

在不同浏览器下图片下面会出现莫名的下边距，经测算在FF中 下边距大概是多出了3像素左右，而IE6更多，在IE8中展示却是完好的，以往的做法只需要将img定义为块状级就解决了问题； 但其原理是：图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式是基线，而基线的位置是与字体相关 的。所以在某些时候，图片底部的空隙可能是 2px，而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。 如果将图片的垂直对齐方式设置为 top 或 bottom，我们会...

方法一：使用v-html<div v-html="'你好&nbsp;&nbsp;&nbsp;你好'"></div>方法二：直接用pre标签<pre></pre>pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。...

1、 为什么Android中文本偏上文本都会有一个内容区域，这个区域就是我们选中文本时展示的区域。Android在渲染文本的时候会参考字体，但是原生Android又没有默认的中文字体，这就导致了它使用英文字体来进行内容区域的设置，让文本在内容区域中就偏移了。而CSS是通过内容区域来设置垂直居中的，所以这个问题从根子上就错了。对于低版本的Android机器（7.0以下），单纯CSS的方法是不够的。方法1:table-cellhtml结构<div class="box box1">

移动端h5 video标签退出全屏播放后object-fit：fill不起作用，video视频没有铺满ios无效， 安卓有效解决办法：改成：object-fit: cover，这样就可以了