前端小知识点

最新推荐文章于 2022-08-05 20:42:56 发布

七律322

最新推荐文章于 2022-08-05 20:42:56 发布

阅读量93

点赞数 1

本文链接：https://blog.csdn.net/qilv1020/article/details/117528610

版权

1.文字无法选中，在样式里面加入如下代码即可

        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;

2.要想输入框自动获取焦点，添加属性 autoFocus 即可，但是如果输入框在页面中需要点击才能显示出来，请务必使用 v-if v-else，而使用 v-show 的话，等点击后，输入框自然就失去了焦点，因为 v-show 在页面加载时，哪怕输入框没显示出来，它也是获取到焦点的，等点击后显示出来，自然就失去了焦点；而 v-if v-else 则是在显示出来的时候 autoFocus 才生效，此前页面中并无这个元素。

3.vertical align 用来垂直对齐盒子以及文字，是真的TM的坑，line-height，font-size ，是否为块元素都可能会影响对齐效果，听说相邻元素也会影响，通过更改上述属性，或者转换为单元格 display:table-cell 可能会有效果，也可能效果一团糟，哈哈哈哈。要是不考虑兼容性，就 display:flex; align-items:center 一套组合拳解决

4.HTML 滚动条详解看下面两个老哥的文章即可（大佬写得就是好！哈哈哈哈哈）：
html 原生滚动条详解，看这一篇就够了！
css滚动条