![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端css
文章平均质量分 57
程序媛啊啊啊
这个作者很懒,什么都没留下…
展开
-
elementUi el-dialog 对话框实现可拖拽、去掉覆盖层、并可操作底层的按钮
一、对话框实现可拖拽功能实现方法:vue的指令使用方法:1、将下列drag.js文件放入代码库中;2、在main.js中引入上述drag.js文件; import 'src/libs/drag.js';3、在el-dialog组件中加上指令<el-dialog v-dialogDrags :visible="dialogShow"></el-dialog>src/libs/drag.jsimport Vue from 'vue';/** 使原创 2021-06-24 10:03:57 · 9494 阅读 · 19 评论 -
用css实现对话框
一、实心正角对话框1、clip-path实现方式<div class="disflex"> <div class="dialog top"></div> <div class="dialog right"></div> <div class="dialog bottom"></div> <div class="dialog left"></div></di原创 2020-09-17 18:29:09 · 1493 阅读 · 0 评论 -
五种方法实现三栏布局(左右固定中间自适应)
一、Float布局布局分析:布局方案实现优点缺点Float布局左右中三列,左列左浮动,右列右浮动,中间列设置左右margin比较简单,兼容性也比较好浮动元素脱离文档流,使用的时候只需要注意一定要清除浮动。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2020-06-10 17:55:06 · 915 阅读 · 0 评论 -
css3常用属性
1、CSS3 边框1.1 border-imageborder-image: source slice width outset repeat|initial|inherit;值描述border-image-source用于指定要用于绘制边框的图像的位置border-image-slice图像边界向内偏移border-image-width图像边界的...原创 2020-04-03 22:15:06 · 1110 阅读 · 0 评论 -
css伪元素
伪元素选择器示例示例说明:checkedinput:checked选择所有选中的表单元素:disabledinput:disabled选择所有禁用的表单元素:emptyp:empty选择所有没有子元素的p元素:enabledinput:enabled选择所有启用的表单元素:first-of-typep:first-of-type选...原创 2020-04-01 22:29:14 · 110 阅读 · 0 评论 -
css不常见属性总结
1、text-transform:控制文本的大小写<div id="demo1"> abcdefg hijklmn</div><div id="demo2"> ABCDEFG </div>#demo1{ text-transform: capitalize; /*Abcdefg Hijklmn*/ text-transform...原创 2020-04-01 21:28:01 · 356 阅读 · 0 评论 -
解决两端对齐导致标点符号位于行首问题
解决两端对齐导致标点符号位于行首问题最近在公司做一个自适应网站,需求要求文本两端对齐,那肯定是 text-align: justify;上一篇为了兼容火狐与IE加了 word-break: break-all;但是后来发现有几款手机会出现标点符号出现在行首的情况还有一个链接也被分开分成两行了,这种情况肯定是不可以的,一开始是修改文字来改。但是这种改法肯定会引起其他尺寸的手机显示异常,...原创 2019-10-22 15:23:47 · 3523 阅读 · 0 评论 -
text-align: justify两端对齐IE、火狐不兼容解决方案
text-align: justify两端对齐IE、火狐不兼容解决方案text-align: justify;在火狐与IE中不起作用。加上下边两行就阔以啦! text-align: justify; word-break: break-all; text-justify: distribute;...原创 2019-10-18 15:08:58 · 1238 阅读 · 0 评论