css样式
伪成年_young
博客笔记,记录开发中所想所得......
展开
-
textarea文本框高度根据内容适配高度
<textarea id="textareaDom" name="" cols="20" rows="1" placeholder="请输入"></textarea> let textareaDom = document.getElementId('textareaDom') let textareaHeight //textarea的高度 if(textareaDom){ textareaHeight = textareaDom.style.height textareaDo原创 2021-07-22 14:19:21 · 219 阅读 · 0 评论 -
生成有背景的二维码图片及本地下载(canvas+qrcode)
先看下效果图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./qrcodejs-原创 2020-11-23 15:34:09 · 1480 阅读 · 1 评论 -
笔记:vantUI进阶用法浏览器适配
1、插件安装 npm安装: npm install postcss-pxtorem --save-dev npm install lib-flexible --save yarn安装: yarn add postcss-pxtorem --save-dev yarn add lib-flexible --save 2、配置vue.config.js const autoprefixer = require("autoprefixer"); const pxtorem = require("postcs.原创 2020-11-10 14:12:03 · 537 阅读 · 0 评论 -
笔记:文本两端对齐
<div>产品<i></i></div> div{ width:200px; text-align: justify; } i{ display:inline-block; /*padding-left: 100%;*/ width:100%; } 注:padding-left: 100%; 和 width:100%; 二选一原创 2020-11-06 17:44:24 · 71 阅读 · 0 评论 -
笔记:页面中滚动条样式设置
1、清除页面中的滚动条 html { /*隐藏滚动条,当IE下溢出,仍然可以滚动*/ -ms-overflow-style:none; /*火狐下隐藏滚动条*/ overflow:-moz-scrollbars-none; } /*谷歌适用*/ ::-webkit-scrollbar{ display:none; } 2、修改页面滚动条样式 ::-webkit-scrollbar {原创 2020-10-23 11:07:55 · 228 阅读 · 0 评论