css3 超出文本省略号

CSS3是一种基于层叠样式表的技术，其中最常用的功能之一是省略文本。在有限的空间内，常常需要隐藏过长的文本，这时候就需要使用CSS3超出文本省略号的功能。

要实现超出文本省略号，需要使用以下两个属性：

overflow: hidden;
    text-overflow: ellipsis;
    

其中，overflow属性用于定义当文本超出容器时的行为，hidden表示隐藏超出的文本。

而text-overflow属性则用于定义超出的文本应该如何显示，常用的值为ellipsis，表示用省略号“…”表示被隐藏的内容。

比如，以下的代码就会将文本隐藏并用省略号代替：

p style="width: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
    ">
    这是一段非常非常长的文本，我们需要将其省略…/p>
    

上面的代码演示了如何在一个宽度为100px的容器中省略一个非常长的文本。

需要注意的是，使用超出文本省略号的属性时，容器必须有一个固定的宽度，否则无法确定何时超出容器限制。

在实际使用中，CSS3超出文本省略号功能常用于列表，表格等布局中的内容超出显示区域的情况。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！