随笔分类 -  CSS

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 东风-5C(全球可飞) 阅读(185) 评论(0) 推荐(0)
CSS dispaly: flex—左右两栏式
摘要：父级：display: flex left: flex: 0 0 200px(固定200px，不放大也不缩小) right: flex: 1(会随父级变化) （固定+自适应） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2023-12-21 17:17 东风-5C(全球可飞) 阅读(163) 评论(0) 推荐(0)
HTML 移动端禁止浏览器强制缩放
摘要：移动端H5页面加上 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> 还是会被浏览器强制缩放。 阅读全文
posted @ 2023-12-21 16:04 东风-5C(全球可飞) 阅读(275) 评论(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 东风-5C(全球可飞) 阅读(176) 评论(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 东风-5C(全球可飞) 阅读(106) 评论(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 东风-5C(全球可飞) 阅读(808) 评论(0) 推荐(0)
CSS vertical-align不起作用
摘要：问题 我们有的时候想垂直居中，我们就写上vertical-align:middle，但是大多数情况下是不起作用的，你知道是为什么嘛？ 我的发现 vertical-align:middle这个属性必须和line-height一起使用，就是说它的什么top、middle、bottom这三个属性值都是相对 阅读全文
posted @ 2022-05-31 16:36 东风-5C(全球可飞) 阅读(107) 评论(0) 推荐(0)