随笔分类 -  CSS

摘要:记录个问题,当作笔记吧:因为vue项目的移动端vant ui 的step组件跟ui设计图有差别,研究了半天还是没法使用step组件,只能手动设置一个 先上效果图和代码: (1)HTML部分 (2)CSS部分 (3)JS部分 说一下原理吧,其实我刚开始的时候想的是先给每一行的div(类名content 阅读全文
posted @ 2019-04-08 17:53 secretAngel 阅读(9079) 评论(0) 推荐(0)
摘要:参考文章: 阮大神的:Flexbox 布局的最简单表单(主要讲解项目item上的属性) 另一位大神的:布局神器display:flex(整体讲解的非常详细) 之前没有仔细看flex布局(弹性布局),设置子元素垂直居中都是通过css样式设置的,最近看了flex的布局方式,感觉太好用了,比以前些样式还省 阅读全文
posted @ 2019-03-28 19:07 secretAngel 阅读(10367) 评论(0) 推荐(0)
摘要:填坑记录:今天用element ui的表格组件做用户信息展示,直接拉取的官网的代码过来,发现表头和每一行都太高了,如下: 因为第一次使用element ui的表格组件,不太清楚会遇到这样的坑,以为能轻松控制高度,于是去百度大佬们的解决办法,也试了好几个,发现改变不了样式,快准备放弃等明天问下项目组的 阅读全文
posted @ 2019-01-08 22:23 secretAngel 阅读(38964) 评论(2) 推荐(1)
摘要:转载自大佬的文章:纯css实现垂直居中的几种方法(https://www.cnblogs.com/hutuzhu/p/4450850.html) 总结得很棒,有好几种方法自己没用过的,拷贝过来给自己看看 垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定 阅读全文
posted @ 2018-11-23 15:03 secretAngel 阅读(213) 评论(0) 推荐(0)
摘要:(一)如果已知子div的高宽 .father { position: relative; } .child { width: 100px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -50px; // ma 阅读全文
posted @ 2018-09-25 15:49 secretAngel 阅读(165) 评论(0) 推荐(0)