
css
浪里白条那片海
这个人很懒
展开
-
vue 利用css实现元素扩大鼠标选中区域及音乐拖动进度条实现(初版)
html部分<view class="audiost" :style='"width: 300px;height: "+heig+"px;background: #078AFD; position: fixed;top: 300px;left: 300px;"' @tap="clickD($event)" @mousedown="down" @mousemove="mouse" @mouseup=".原创 2022-05-13 15:27:44 · 746 阅读 · 0 评论 -
深度 添加样式 vue 覆盖element样式
.dialog-body /deep/ .el-radio-group {2 width: 70%;3 margin-top: 30px;4 }.dialog-body 为父元素.el-radio-group 为要修改的element样式原创 2019-12-02 09:58:24 · 550 阅读 · 0 评论 -
关于盒子塌陷的几种解决方法
1、最简单,直接,粗暴的方法就是盒子大小写死,给每个盒子设定固定的width和height,直到合适为止,这样的好处是简单方便,兼容性好,适合只改动少量内容不涉及盒子排布的版面,缺点是非自适应,浏览器的窗口大小直接影响用户体验。2、给外部的父盒子也添加浮动,让其也脱离标准文档流,这种方法方便,但是对页面的布局不是很友好,不易维护。3、给父盒子添加overflow属性。overflow:a...原创 2019-10-25 14:10:43 · 1799 阅读 · 0 评论 -
css3 flex
flex-direction:row <!--(横向从左到右排列==左对齐)-->flex-direction:row-reverse <!--(与row 相反)-->flex-direction:column <!--(从上往下排列==顶对齐)-->flex-direction:column-reverse <!--(...原创 2019-10-25 10:19:11 · 178 阅读 · 0 评论 -
hover 设置时长
div.father:hover div.son{ margin-left: 300px; transition: all 5s;}原创 2019-10-18 09:21:42 · 2500 阅读 · 0 评论 -
文字超出 ...显示
display: block;font-size:12px;overflow: hidden;/*超出部分隐藏*/white-space: nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分文字以...显示*/ 今天做东西,遇到了这个问题,百度后总结得到了这个结果。 首先,要知道css的三条属性。overflow:hidden...原创 2018-11-28 13:58:31 · 5202 阅读 · 0 评论 -
veu使用element UI 表格问题
<div class="table_wrap"> <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark" max-height="530"> <el-table-column prop="goodsName"原创 2018-11-26 20:32:43 · 302 阅读 · 0 评论 -
less和scss文件 媒体查询 循环
@charset "utf-8";@psdwidth: 1024; // 设计稿 尺寸@basesize: 100; // 分为多少份@bt: 100rem; //换算值@fit: 320px, 360px, 375px, 384px, 400px, 414px, 424px, 450px, 480px, 540px, 640px, 720px, 750px, 1024px, 19...原创 2018-06-19 11:44:02 · 2615 阅读 · 0 评论 -
响应式
媒体查询后来者居上,blue会覆盖red。@media(max-width: 320px){ body{ background: red; }}@media(max-width: 425px){ body{ background: blue; }}解决:1.用倒序的方法写,满足条件的在下面,就不会被覆盖了。@media(max-...转载 2018-05-07 17:39:03 · 138 阅读 · 0 评论