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 · 218 阅读 · 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 · 1477 阅读 · 1 评论 -
笔记:vantUI进阶用法浏览器适配
1、插件安装npm安装:npm install postcss-pxtorem --save-devnpm install lib-flexible --saveyarn安装:yarn add postcss-pxtorem --save-devyarn add lib-flexible --save2、配置vue.config.jsconst autoprefixer = require("autoprefixer");const pxtorem = require("postcs.原创 2020-11-10 14:12:03 · 536 阅读 · 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 · 227 阅读 · 0 评论