[分享]css3文字超出...

CSS3提供了许多方便的样式，其中文字超出部分显示省略号就是其中之一。我们经常会遇到这样一个问题：当有些文本很长时，容器内部的文本会超出容器的范围，影响视觉效果，这时候，超出部分可以使用CSS3样式来...

CSS3提供了许多方便的样式，其中文字超出部分显示省略号就是其中之一。

我们经常会遇到这样一个问题：当有些文本很长时，容器内部的文本会超出容器的范围，影响视觉效果，这时候，超出部分可以使用CSS3样式来隐藏一部分，并显示省略号：

 p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    } 

在上面的样式中，overflow: hidden 表示隐藏超出部分，text-overflow: ellipsis 用省略号来表示超出部分，white-space: nowrap 则表示设置文本不折行，这样就可以实现文字超出显示省略号的效果。

需要注意的是，这种样式只在 块级元素 的水平方向上使用，所以需要将两个相邻的文本元素放到不同的块级元素里，然后使用上面的样式。

以上就是CSS3文字超出部分显示省略号的简单介绍，这种样式可以使界面更加美观，提高用户体验。