摘要：在做商品列表页的时候，想让列表的元素两端对齐，如果使用display:flex;+justify-content:space-between;在一行能占满的情况下，是可以实现两端对齐的，但是如果下方的某一行没能占满整行不满一行的元素也会遵循两端对齐，这明显不是期望的效果，所以用到了margin负值的 阅读全文

摘要：1.px——Pixel。固定长度单位 它是固定大小的单位 2.em em是相对于父级元素的单位，会随父级元素的属性（font-size或其它属性）变化而变化 3.rem rem是css3新增的相对长度单位 rem是相对于根目录（HTML元素）的，所有它会随HTML元素的属性（font-size）变化 阅读全文

摘要：-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-selec 阅读全文

摘要：偶然看到CSS的BFC。还心想，啥是BFC，怎么一点印象都没有。 查到MDN资料如下： 看完的感觉就是：还是不懂 后来看下了下面的示例： 示例1 ： <div class="box"> <div class="float">I am a floated box!</div> <p>I am cont 阅读全文

摘要：(1)单行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 将这三行代码加到css中就ok了： white-space: nowrap; 是强制显示为一行： text-overflow: ellipsis; 将文本溢出显 阅读全文

摘要：（1）知道子元素的宽高 <!--父元素相对定位--> <!--子元素绝对定位--> .child{ position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px; } （2）不考虑子元素的宽高 <!--父元素不能有 阅读全文