![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 57
小三金
免费分享自己的小成果,因为是一个程序员儿,希望能帮到你!
展开
-
element-table修改边框颜色
ELEMENT-TABLE border原创 2022-05-17 14:48:06 · 2357 阅读 · 0 评论 -
【转】如何用一行 CSS 实现 10 种现代布局
转自公众号:Vue社区作者:@Una Kravetshttps://web.dev/one-line-layouts/现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。01. 超级居中:place-items: center对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center.转载 2022-04-14 17:50:11 · 118 阅读 · 0 评论 -
web打印时,各种页面样式设置
最近碰到这个问题,我需要将网页打印成PDF文件。Chrome可直接将网页保存(打印)为PDF(无需安装Adobe),但式样跟网页上显示的截然不同。我测试了一下用法,了解了其中的一些原理和解决方法,总结如下。Chrome保存为PDF的界面上只有很少几个选项:这几个选项都浅显易懂。但需要注意的是,这里并没有让选「纸张大小」。Chrome在保存为PDF文件时,默认纸张大小是A4。若布局为纵向,显示大小为210mm×297mm;若布局为横向,显示大小为297mm×210mm。这时候需提到一个D.转载 2021-08-03 14:23:08 · 2056 阅读 · 0 评论 -
vue拖拽方法,有边界控制,带吸附
Vue拖拽有很多方法,今天我用了指令去实现1创建公共指令,全局注册方式,也可以局部指令gap是附件值,也可以根据具体情况来设置// v-dragexport default { // 当被绑定的元素插入到 DOM 中时…… inserted(el) { let gap = 10 //缝隙:小于缝隙时,则吸附 let parent = el.offsetParent el.onmousedown = function(event) { var eleEvent =.原创 2021-06-29 15:16:25 · 5162 阅读 · 3 评论 -
offsetWidth clientWidth scrollWidth三者区别
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth(包括边线的宽);网页可见区域高: document.body.offsetHeight(包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: documen...转载 2021-06-29 14:03:41 · 194 阅读 · 0 评论 -
CSS清除浮动
一、抛一块问题砖(display: block)先看现象: 分析HTML代码结构:div class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3div>div> 分析CSS代码样式:.outer{border: 1p转载 2016-05-16 00:06:48 · 495 阅读 · 0 评论 -
H5 移动端 时间选择器
移动端 时间选择器原创 2016-08-30 16:42:55 · 10706 阅读 · 0 评论 -
sass的安装
使用sass ,需要安装ruby,像npm一样,需要设置国内镜像,所以会建议移除gem源,添加淘宝的gem源,但是淘宝的镜像源已经停止维护啦!!用https://gems.ruby-china.com代替即可。操作如下:1)删除原gem源:gem sources --remove https://rubygems.org/2)添加国内源:gem sources -a https:/...转载 2019-03-28 14:24:24 · 281 阅读 · 0 评论