css怎么实现内容超出隐藏效果

css实现内容超出隐藏效果的方法是，给文本内容添加text-overflow属性，例如【text-overflow:ellipsis】。text-overflow属性指定当文本溢出包含它的元素应该发生什么。

• clip 修剪文本。

• ellipsis 显示省略符号来代表被修剪的文本。

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

举个例子：

 
 




以下 div 容器内的文本无法完全显示，可以看到它被裁剪了。
div 使用 "text-overflow:ellipsis":

This is some long text that will not fit in the box
div 使用 "text-overflow:clip":
This is some long text that will not fit in the box
div 使用自定义字符串 "text-overflow: >>"(只在 Firefox 浏览器下有效):
This is some long text that will not fit in the box

展示效果：

相关视频分享：css视频教程

以上就是css怎么实现内容超出隐藏效果的详细内容，更多请关注其它相关文章！