Hero_rong的博客

兼容性不好，不推荐使用，但是这个属性蛮有意思的，哈哈哈哈哈就是滚动条滚动到一定的位置，元素就不动了，比如下面就是，距离浏览器10px的时候就不动了，哈哈哈，真是太可爱了，粘滞定位是相对于父元素的哈div { position: sticky; top: 10px}...

element样式还是蛮好的，只是有时候我们需要做一些调整，比如，el-input 的边框，官网是这样子的我们需要这样子的然后我们常规操作，border: none;或者 border: 0; 发现行不通，哈哈哈哈哈tip：将border属性设成0，虽然边框不见了，但是浏览器依然会对border-width和border-color进行渲染，会占用浏览器的资源。将border设置成none，浏览器就不会做出渲染动作。然后就就，就发现个好东西，>>>， &g...

这个问题有点调皮，是个小坑，虽然我们用的是 sass ，但是这里却不能写 sass ，要写 scss ，咱啥也不知道啥也不敢问啊，现在改好了就可以运行了

box-shadow: 0px 8rpx 7rpx 4rpx #888888;一句话搞定

HTML结构是这样的，外面一个div，里面放个img标签 <div> <img src="" alt=""> </div> div { width: 100px; height: 100px; overflow: hidden; } img { max-width:300px; ...

给 textarea增加fixed属性：<textarea fixed>即可

word-break: break-all;在需要换行的view上添加这个样式即可

text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;-webkit-line-clamp: 6;这个属性想设置超出几行，就写几，如上是超出...

textarea{ resize:none;} 

input{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} 

&lt;input type="text" "name="name" placeholder="用户名" style=" -webkit-appearance: none;"&gt; 

&lt;input type="number"&gt;&lt;style&gt; input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-...

给背景设置如下样式即可 position: fixed; top: 0; left: 0; 

如图，我要做的效果是将中间蓝色的地方，也就是这个.stopover-station标签，上下垂直居中，只要在需要居中的父元素上设置.operate-mask-outer&gt;#operateMask { align-items: center; display: -webkit-flex;}利用弹性盒子来居中：align-items: stretch|center|f...