CSS：css3单行和多行溢出的处理（*****）

1.css3中溢出的处理：用到text-overflow属性

text-overflow属性值为：

clip：修剪文本；

ellipsis：显示省略符号来表示被修剪得文本；

string：使用给定的字符串来代表被修剪的文本。

initial：设置为属性默认值

inherit：从父元素继承该属性值。

2.单行、多行文本溢出隐藏

下面的例子就是出现文本溢出的问题：

<style>
        p {
            width: 250px;
            height: 150px;
            background-color: bisque;
        }
</style>
 

<p>
     甘肃公路博物馆是全国首家以公路为主题的专题博物馆，规模宏大，藏品丰富。自2016年9月新馆建成运行以来，以馆藏文物为载体，充分挖掘公路文化，以品牌效应带动公路文化传播，将博物馆打造成了富有特色、全国知名的行业榜样，先后被命名为“国家交通运输科普基地”“全国公路科普教育基地”等称号。
</p>

1.单行文本溢出解决方法：

<style>
        p {
            width: 250px;
            height: 150px;
            background-color: bisque;
            overflow: hidden;  /* 溢出隐藏 */