单行/多行文本溢出隐藏

1、单行文本溢出隐藏：

<style>
    .txt1{
        width:500px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>
<p class="txt1">希望各位艾兰岛大神们分享自己的游戏心得，独门攻略；攻略传出的内容包含但不限于：生存攻略，建造攻略，编辑器攻略等多方面攻略均可；有效攻略字数不少于300字，不设上限，带有图片及GIF动图更加；</p>

2、多行文本溢出隐藏：

<style>
    .txt2{
        width:500px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
</style>

<p class="txt2">希望各位艾兰岛大神们分享自己的游戏心得，独门攻略；攻略传出的内容包含但不限于：生存攻略，建造攻略，编辑器攻略等多方面攻略均可；有效攻略字数不少于300字，不设上限，带有图片及GIF动图更加；</p>