随笔分类 -  HTML

html
uniapp小程序自定义分享按钮
摘要：<view class="icon-item"> <view class="icon-img"> <image :src="`${imgurl}/onlineApplet/applet3/followlist/share.png`"></image> </view> <view class="ico 阅读全文
posted @ 2025-01-23 14:14 打击范围覆盖全球 阅读(184) 评论(0) 推荐(0)
JS 树型结构数据简易递归
摘要：js树型结构数据简易递归 // item内的值根据实际情况更换replaceValueInTree (tree) { const result = [] tree.forEach((item) => { let children = item.children || [] if (Array.isA 阅读全文
posted @ 2024-10-17 17:19 打击范围覆盖全球 阅读(65) 评论(0) 推荐(0)
HTML 阻止浏览器自动填充input密码框
摘要：方法1：把input的 type="password" 改成 type="text" 并在后面加上 οnfοcus="this.type='password'" <input type="text" placeholder="密码" onfocus="this.type='password'"/> 阅读全文
posted @ 2024-02-23 15:34 打击范围覆盖全球 阅读(758) 评论(0) 推荐(0)
使⽤text-align：justify，让内容两端对齐，兼容IE及主流浏览器的⽅法
摘要：如果不喜欢看分析过程，可以跳到最后看最终兼容方案史前方法：以前实现两端对齐是这样的： <p class="box1">密&emsp;&emsp;码</p> <p class="box1">⽤&emsp;户&emsp;名</p> <p class="box1">⾝&emsp;份&emsp;证&emsp 阅读全文
posted @ 2022-07-18 16:08 打击范围覆盖全球 阅读(174) 评论(0) 推荐(0)
CSS一些常用样式
摘要：1.文字分散对齐 在css标签内，设置div的宽度、内边距，再将text-align-last和text-align属性同时设置为justify，实现文字的分散对齐。 text-align-last: justify; text-align: justify; 2.滚动页面，实现导航栏固定在顶部（吸 阅读全文
posted @ 2022-07-13 14:41 打击范围覆盖全球 阅读(105) 评论(0) 推荐(0)
CSS图片居中显示 超出div容器高度度隐藏 图片高度低于div容器高度上下不留白显示
摘要：通过固定容器的宽高加上flex布局结合css3的属性object-fit实现 .el-image{ width: 100%; height: 26rem; display: flex !important; justify-content: center; align-items: center; 阅读全文
posted @ 2022-06-10 16:43 打击范围覆盖全球 阅读(808) 评论(0) 推荐(0)