在html中文本太多对文字设置省略

#文本太多对文字设置省略
文字的父级设置的有固定宽高，如果文字太多则需要对文字所在的标签设置样式
下面展示一个例子。

// html的代码
<div>
        <p>为一支创意团队，我们从来不会止步于某种风格和形式，而是希望能够协同优秀的创作人，一起创造出更多有生命力的作品。为一支创意团队，我们从来不会止步于某种风格和形式，而是希望能够协同优秀的创作人，一起创造出更多有生命力的作品。</p>
</div>
//样式中的代码
<style>
div{
            width: 300px;
            border: 1px solid black;
            margin-left: 50px;
        }
        p{
            white-space: nowrap;  //对文本不进行换行
            overflow: hidden;  //对文本进行溢出隐藏
            text-overflow: ellipsis;  //当文本溢出时用省略号来代替  ellipsis代表省略号  clip 是修剪文本   string 是用指定符号来代替隐藏文本
        }
</style>