随笔分类 -  CSS

margin负值的作用
摘要：在做商品列表页的时候，想让列表的元素两端对齐，如果使用display:flex;+justify-content:space-between;在一行能占满的情况下，是可以实现两端对齐的，但是如果下方的某一行没能占满整行不满一行的元素也会遵循两端对齐，这明显不是期望的效果，所以用到了margin负值的 阅读全文
posted @ 2020-05-25 10:24 俄罗斯方块 阅读(343) 评论(0) 推荐(0) 编辑
CSS之em、rem、px区别介绍
摘要：1.px——Pixel。固定长度单位 它是固定大小的单位 2.em em是相对于父级元素的单位，会随父级元素的属性（font-size或其它属性）变化而变化 3.rem rem是css3新增的相对长度单位 rem是相对于根目录（HTML元素）的，所有它会随HTML元素的属性（font-size）变化 阅读全文
posted @ 2020-04-25 00:01 俄罗斯方块 阅读(195) 评论(0) 推荐(0) 编辑
CSS禁止选中文本
摘要：-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-selec 阅读全文
posted @ 2020-04-19 21:14 俄罗斯方块 阅读(172) 评论(0) 推荐(0) 编辑
CSS 之 BFC（块级格式化上下文）
摘要：偶然看到CSS的BFC。还心想，啥是BFC，怎么一点印象都没有。 查到MDN资料如下： 看完的感觉就是：还是不懂 后来看下了下面的示例： 示例1 ： <div class="box"> <div class="float">I am a floated box!</div> <p>I am cont 阅读全文
posted @ 2020-03-25 12:18 俄罗斯方块 阅读(214) 评论(0) 推荐(0) 编辑
css文字溢出隐藏为三个点...
摘要：(1)单行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 将这三行代码加到css中就ok了： white-space: nowrap; 是强制显示为一行： text-overflow: ellipsis; 将文本溢出显 阅读全文
posted @ 2020-03-16 09:23 俄罗斯方块 阅读(12222) 评论(0) 推荐(0) 编辑
CSS如何实现一个元素在页面中水平垂直居中
摘要：（1）知道子元素的宽高 <!--父元素相对定位--> <!--子元素绝对定位--> .child{ position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px; } （2）不考虑子元素的宽高 <!--父元素不能有 阅读全文
posted @ 2020-03-12 13:53 俄罗斯方块 阅读(1180) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示