单行文本溢出显示省略号 

width:value;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

#content{width: 200px;border: 1px black solid;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

    <div id="content">
            测试段落测试段落测试段落测试段落测试段落测试段落测试段落测试段落测试段落测试段落测试段落测试段落测试段落测试段落
    </div>

在这里插入图片描述

posted @ 2020-03-26 22:00  Mine-  阅读(10)  评论(0)  编辑  收藏  举报