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>
复制代码