solocao的专栏

◆px像素（Pixel），相对长度单位。像素px是相对于显示器屏幕分辨率而言的。◆em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。因此用px来定义字体，就无法用浏览器字体放大的功能。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为

.text { // 文本强制不换行 white-space: nowrap; // 文本溢出显示省略号 text-overflow: ellipsis; // 溢出的部分隐藏 overflow: hidden;}

使用transform-origin来进行控制在使用transform方法进行文字或图像的变形时，是以元素的中心点为基准点进行的。使用transform-origin属性，可以改变变形的基准点。用法：transform-origin: 10px 10px;共两个参数，表示相对左上角原点的距离，单位px，第一个参数表示相对左上角原点水平方向的距离，第二个参数表示相对左上角原点垂直方向的距离；...

.warp { column-count: 2; column-gap: 10px; padding: 5px;}.item { height: 80px; margin-bottom: 10px; break-inside: avoid;}效果如下

遇到一个小问题，记录一下。1、问题描述 <div class="thumb-box"> <img class="tt-img" src="https://cdn.w7.cc/images/2017/11/09/15102068385a03ed7644fbf_OxLCy7ypXKpd.png?imageView2/5/w/88/h/88/format/png" alt...