多语言展示
当前在线:1231今日阅读:168今日分享:49

css单行和多行溢出如何用省略号(...)来设置

css单行和多行溢出如何用省略号(...)来设置
工具/原料

Dreamweaver.exe

方法/步骤
1

新建HTML文件

2

创建div和内容

3

设置div样式单行溢出时设置省略号

4

预览效果如图

5

设置多行溢出时显示省略号

6

有的浏览器不兼容省略号所以设置如下

7

预览效果如图

8

兼容ie8需要将::after替换成:after。附上源码

注意事项

兼容ie8需要将::after替换成:after。

推荐信息