随笔分类 -  CSS

摘要:height: calc(100% - 100px); 阅读全文
posted @ 2024-10-17 14:42 ThisCall 阅读(5) 评论(0) 推荐(0) 编辑
摘要:.trapezium { display: inline-block; min-width: 200px; height: 0; border-width: 0px 20px 40px 0px; border-style: none solid solid; border-color: transp 阅读全文
posted @ 2024-08-22 15:22 ThisCall 阅读(5) 评论(0) 推荐(0) 编辑
摘要:flex-shrink: 0; 阅读全文
posted @ 2024-05-09 11:30 ThisCall 阅读(15) 评论(0) 推荐(0) 编辑
摘要:css选择器大全 阅读全文
posted @ 2024-03-04 16:19 ThisCall 阅读(3) 评论(0) 推荐(0) 编辑
摘要:html, body, #app, .wrapper { width: 100%; height: 100%; /* overflow: hidden; */ -webkit-filter : grayscale(100%); -moz-filter: grayscale(100%); -o-fil 阅读全文
posted @ 2022-12-01 09:47 ThisCall 阅读(57) 评论(0) 推荐(0) 编辑
摘要:<template> <div class="tem"> <div class="tem-content"> <table id="list" class=""> <tbody> <tr > <td class="text_overflowd" style="width:50%">呜呜呜呜呜呜呜呜无 阅读全文
posted @ 2021-10-27 22:36 ThisCall 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-09-28 16:08 ThisCall 阅读(18) 评论(0) 推荐(0) 编辑
摘要:css动画代码生成 css动画代码生成2 阅读全文
posted @ 2021-08-05 09:33 ThisCall 阅读(24) 评论(0) 推荐(0) 编辑
摘要:<div class="test test-1"> <div class="scrollbar"></div> </div> .test { width : 50px; height : 200px; overflow: auto; float : left; margin : 5px; borde 阅读全文
posted @ 2021-06-24 15:37 ThisCall 阅读(21) 评论(0) 推荐(0) 编辑
摘要:<div class="page-sortable"> <div class="sortable-item sortable-lf">1</div> <div class="sortable-item sortable-mid">2</div> <div class="sortable-item s 阅读全文
posted @ 2021-05-21 10:45 ThisCall 阅读(32) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/qq_40028324/article/details/84779573 https://blog.csdn.net/wo_921110/article/details/80638167#%E5%9C%A8Vue%E4%B8%AD%E4%BD%BF%E7% 阅读全文
posted @ 2020-11-20 13:46 ThisCall 阅读(68) 评论(0) 推荐(0) 编辑
摘要:用户在textarea中输入的换行符,传到后台,再返回前端,展示在div中。 vue 中 用 {{ }} 进行数据绑定的时候,可以看到换行符并不生效的。 如果需要div显示为与textarea 一致的效果: 解决办法1: v-html : 有安全风险,有注入攻击风险 解决办法2: 在展示的div添加 阅读全文
posted @ 2020-09-15 17:41 ThisCall 阅读(162) 评论(0) 推荐(0) 编辑
摘要:方式一 float+ text-align:center <div class="w clearfix tc mt10"> <el-button class="fll" type="primary" plain>刷新</el-button> <el-button type="primary" pla 阅读全文
posted @ 2020-07-07 16:47 ThisCall 阅读(158) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/qq_32657025/article/details/75699504 关于两个DIV各占50%时无法在同一行显示的问题原因 浏览器的原因,浏览器有3px的BUG。因为margin,padding,border都设为0,所以与之无关。 解决方案 (1)在 阅读全文
posted @ 2020-07-07 10:58 ThisCall 阅读(551) 评论(0) 推荐(0) 编辑
摘要:.goods-list::-webkit-scrollbar { display: none; /*隐藏滚动条*/ } 阅读全文
posted @ 2020-04-14 14:47 ThisCall 阅读(173) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/qq_35771141/article/details/90598813 做个记录,也能够帮助恰好看到这篇文章的人 height:calc(100% - 20px); 注意:减号两遍一定要打空格,不然会失效这个地方我就遇到问题了,查了好久的资料才解决。 阅读全文
posted @ 2020-04-13 15:23 ThisCall 阅读(2512) 评论(0) 推荐(0) 编辑
摘要:https://www.jianshu.com/p/9e5134e780c5 object-fit: cover; 图片使用,前提条件,图片的父级容器要有宽高 阅读全文
posted @ 2020-04-10 10:16 ThisCall 阅读(447) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/hzp666/article/details/78092390 阅读全文
posted @ 2020-02-26 11:51 ThisCall 阅读(147) 评论(0) 推荐(0) 编辑
摘要:http://www.imooc.com/learn/1141 阅读全文
posted @ 2019-07-26 13:34 ThisCall 阅读(123) 评论(0) 推荐(0) 编辑
摘要:不要把input放在弹性布局中 阅读全文
posted @ 2019-06-06 18:14 ThisCall 阅读(1331) 评论(1) 推荐(0) 编辑