文字超出显示

适用于移动端的文字超出布局

单行文字超出：

1
2
3
4
5
6
7
8
<style>
.txt{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

</style>

多行文字超出显示：

1
2
3
4
5
6
7
8
9
<style>
.txt{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
overflow: hidden;
}

</style>

点击查看
相关链接

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    2、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: true
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

虾莫<br>喜欢骑行、登山、越野<br><br>选择与被选择<br/>淘汰或被淘汰<br/>这个世界的法则<br/>不管如何<br>明白路在脚下，就即刻启程