![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
weixin_43939111
这个作者很懒,什么都没留下…
展开
-
vue简单侧边栏封装+模拟侧边栏标签淡入淡出
点击标签跳转到对应页面,当然用router-link和router-view可以实现。这里用其他方法来模拟侧边导航栏点击后淡入淡出。原创 2023-01-09 15:49:56 · 374 阅读 · 0 评论 -
CCS3属性之text-overflow:ellipsis;
语法:text-overflow:clip | ellipsis默认值:clip适用于:所有元素clip: 当对象内文本溢出时不显示省略标记(…),而是将溢出的部分裁切掉。ellipsis: 当对象内文本溢出时显示省略标记(…)。在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果,示例代码:<style type="tex转载 2022-01-07 14:45:12 · 169 阅读 · 0 评论 -
jquery弹窗组件修改(踩坑记录)
目录一、$.confirm()确定及取消操作没反应二、修改$.confirm样式三级目录一、$.confirm()确定及取消操作没反应二、修改$.confirm样式三级目录 事情是这样se儿的,之前用vue打包好的项目被嫌弃占内存偏大,要求用原生js重新编写页面,然后就开启了与jq斗智斗勇的过程。其中,用到与el-ui中this.$confirm与this.$notify相似的弹框组件,下面放两张图感受一原创 2021-11-10 09:11:37 · 1589 阅读 · 0 评论 -
css设置滚动条样式
滚动条转载 2021-10-27 10:22:20 · 58 阅读 · 0 评论 -
用定位使子元素垂直居中
<div class="father"> <div class="son"></div></div>.father{ width:300px; height:200px; background:pink; position:relative}.son{ width:30px; height:30px; background:red; position:absolute; top:0;/*很重要*/ bottom:0;/*很重要*原创 2021-10-15 15:45:32 · 47 阅读 · 0 评论 -
移动端屏幕适配做哪几个尺寸
转载 2021-09-26 11:38:51 · 76 阅读 · 0 评论 -
css设置的背景图不显示
一、检查以下设置背景图片路径是否写对-(辅助检查方法:比如vscode里将鼠标移到你css中background的url括号内容,ctrl+鼠标左键点击是否会跳转到图片,如果路径错误会提示你找不到文件)设置背景图的元素是否宽、高某项为0...原创 2021-09-14 10:12:36 · 685 阅读 · 0 评论 -
子元素被多层父元素嵌套,根据内容高度大于等于父高度100%
方法:对层层父级加height:100%;而不是min-height:100%;,因为min-height:100%;无法继承给下一级子元素。让后子元素设置min-height:100%;<div style="height:100%;"> <div style="height:100%;"> <div style="min-height:100%;">文章内容</div> </div></div>...原创 2021-09-07 15:15:00 · 178 阅读 · 0 评论 -
媒体查询多对连续min-width和max-width发现的问题
以下面代码为例,单独使用一对min-width和max-width,范围是>=最小值且<=最大值,当时想无缝衔接,就把区间写成[769,1211]和[1212,1230],但是实际演示时发现,前面的1211给我把闭区间变成了开区间/(ㄒoㄒ)/~~最后作用区域为[769,1211)和[1212,1230]导致769-1210变红,1212-1230变黄,然后唯独1211这个尺寸没人管了拉缩浏览器宽度到1211时为初始绿色<!DOCTYPE html><html lang原创 2021-08-20 10:52:13 · 420 阅读 · 0 评论 -
bootstrap-editable表格编辑弹框无效
根据大牛的博客,使用editable插件实现bootstrapTable单元格现场修改数据的功能,然后报了个很奇怪的错误。先步骤回顾,解决方法在最后:一、引入的关键文件:jquery.jsbootstrap.cssbootstrap.jsbootstrap-table.css(绘制表格使用)bootstrap-table.js(绘制表格使用)bootstrap-editable.css(单元格编辑使用)bootstrap-editable.js(单元格编辑使用)bootstrap-tab原创 2021-08-17 15:18:29 · 1371 阅读 · 0 评论 -
box-shadow技巧(转)
https://segmentfault.com/a/1190000016935062转载 2021-05-26 17:04:31 · 46 阅读 · 0 评论 -
使用bootstrap栅格布局却无法占满100%宽度
使用bootstrap栅格布局却无法占满100%宽度问题,打开浏览器控制台,检查元素的margin是否添加了负值也可能是之前改过源码忘了,如图所示,将bootstrap源码中负margin的设置去掉就正常了原创 2021-04-01 16:53:46 · 2103 阅读 · 0 评论 -
vue用postcss做适配,背景图无法适应解决方法
vue做适配背景图无法适应解决方法最近使用postcss插件做不同屏幕适配,使之看起来在任何屏幕上显示效果和设计图一样,但是运行时发现按钮的容器是根据适配改变了,但是背景图却没有缩放这是原来的写法和效果.f-btn,.f-btn1{width:82px;height:31px;color:#fff;}.f-btn{text-align:left;background: url("../imgs/auto.png") 100% 100% no-repeat;}这是修改后的写法和效果图.f原创 2020-11-25 10:21:30 · 277 阅读 · 1 评论