CSS3文本溢出属性设置技巧

在CSS3中设置文本属性时，可通过text-overflow属性处理溢出文本，其常用值为clip和ellipsis。其中，clip直接裁剪不显示省略标记，而ellipsis则在文本溢出时显示省略号。以下通过具体实例演示该属性的使用方法与效果。

1、 启动HBuilderX，创建静态页面，插入div标签，并填入大量文本内容，具体效果所示。

2、 利用div标签的类选择器设定宽度、内边距与边框样式，具体效果所示。

3、 保存代码后在浏览器中打开页面，可见文字超出边框范围，具体效果所示。

4、 第四步，添加文本属性 text-overflow，将其值设为 clip，效果所示。

5、 第五步，在text-overflow属性后继续添加white-space和overflow的相关设置，具体样式所示。

6、 将text-overflow属性重新设为ellipsis，观察其显示效果，具体表现所示。