css
3篇文章 · 0订阅
  • 「一劳永逸」48张小图带你领略flex布局之美
    48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…
    flexbox CSS
    「一劳永逸」48张小图带你领略flex布局之美
  • 纯css实现文字溢出部分显示为省略号
    在项目中常常遇到某段文字长度超出了设计的内容，对于溢出的文本需要处理成省略号，于是我就目前遇见过的情况总结一下。 这种情况是最简单的。 以上面的一段内容为例子。 如果固定宽度为 100px,只需要显示一行。 优点： 简单，兼容多浏览器。 缺点： 由于使用white-space:…
    CSS
  • 小技巧！CSS 整块文本溢出省略特性探究
    今天的文章很有意思，讲一讲整块文本溢出省略打点的一些有意思的细节。 我们都知道，到今天（2020/03/06），CSS 提供了两种方式便于我们进行文本超长的打点省略。 基于上述的超长打点省略方案之下，会有一些变化的需求。譬如，我们有如下结构： 对于上述超出的情况，我们希望对于超…
    CSS JavaScript
    小技巧！CSS 整块文本溢出省略特性探究