css3超过多少字显示...

CSS3是一种非常流行的样式语言，可以为网页设计师提供更多的创意和新颖的设计。在CSS3中有很多新的属性，如Box-shadow、border-radius、transform、animation、flexBox等，让我们可以更加轻松地实现复杂的效果，提高了网页的视觉效果。

其中一个非常实用的属性是text-overflow，可以在文本长度超过容器宽度时自动隐藏多余的部分，并用省略号代替。

下面是一个简单的代码示例：

.overflow {
  width: 200px;
  white-space: Nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

其中overflow属性是必须的，它可以将多余的文本隐藏起来。text-overflow属性设置为ellipsis，则会用省略号代替。

在实际项目中，我们可能需要根据文本长度显示不同的效果。例如，当文本长度小于5个字符时直接显示，大于5个字符时采用text-overflow属性进行省略。

下面是一个代码示例：

.limit {
  max-width: 200px;
  white-space: Nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.not-limit {
  max-width: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

在该示例中，我们定义了两个样式类，.limit表示限制文本长度，.not-limit表示不限制文本长度。在.limit样式类中，我们设置了max-width属性，并将white-space设置为Nowrap，这样可以使文本在一行中显示；overflow属性设置为hidden，text-overflow属性设置为ellipsis，这样就可以实现对文本的限制。在.not-limit样式类中，我们取消了max-width属性限制，将white-space设置为normal，overflow属性设置为visible，text-overflow属性设置为clip，这样可以让文本完全显示。

在代码中我们使用了pre标签来呈现代码示例，这样可以更直观地展示代码结构。