美文网首页
CSS代码片段收集

CSS代码片段收集

作者: 放风筝的小小马 | 来源:发表于2017-08-22 20:48 被阅读5次

多行带省略号

演示地址

$font-size: 26px;
$line-height: 1.4;
$lines-to-show: 3;

h2 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: $font-size;
  line-height: $line-height;
  -webkit-line-clamp: $lines-to-show;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

相关文章

  • CSS代码片段收集

    多行带省略号 演示地址

  • CSS 推荐

    30 秒 CSS(一些 CSS 代码片段) cssfx(一些 css 动效代码片段) Box Shadow Gen...

  • CSS代码片段

    字体 清浮动 CSS Hacks(Browser Specific Hacks) 见 browserhacks 跨...

  • css代码片段网站

    css常用:https://qishaoxuan.github.io/css_tricks/verticalMid...

  • 常用代码片段css

    一、禁止选中文字 二、超出文本展示省略号 三、样式重置 四、隐藏浏览器滚动条 五、伪元素清除浮动 六、自动填充剩余...

  • 30 Seconds of CSS代码块解读(布局篇)

    30 Seconds of CSS代码块解读(布局篇) 这是一个号称在30秒内可以了解有用的CSS代码片段。Git...

  • vscode代码注释模版

    1、ctrl+shift+p打开。 2、输入snippets点击进入用户代码片段配置。 3、输入CSS配置css....

  • 前端实用css代码片段

    线性小三角 ``` .rightArrow::after{ content:''; display: in...

  • CSS布局调试代码片段

    在浏览器控制台运行此段代码(当然也只能在控制台运用),会给页面里所有的 DOM 元素添加一个 1px 的描边(ou...

  • 有用的前端代码片段收集

    1、数组深复制 2、去除字符串的空格 3、找出字符串中的数字,并将其转化为数组(1) (2) (3)利用正则 4、...

网友评论

      本文标题:CSS代码片段收集

      本文链接:https://www.haomeiwen.com/subject/fealdxtx.html