1、将新建的txt文档改名为overflow.html文件。
2、完善html5标准代码,具体代码如下图。
3、新建一个div标签,里面写入一段字符单词文本。
4、用css设置div的宽度以及overflow属性。
5、打开浏览器查看页面效果,可以发现,超出部分的文本不显示,但是这样看起也不是很美观。
6、使用“text-overflow:ellipsis”属性将超出部分用"..."挢旗扦渌;号替代。
7、刷新页面后看下效果,如下图。
1、将新建的txt文档改名为overflow.html文件。
2、完善html5标准代码,具体代码如下图。
3、新建一个div标签,里面写入一段字符单词文本。
4、用css设置div的宽度以及overflow属性。
5、打开浏览器查看页面效果,可以发现,超出部分的文本不显示,但是这样看起也不是很美观。
6、使用“text-overflow:ellipsis”属性将超出部分用"..."挢旗扦渌;号替代。
7、刷新页面后看下效果,如下图。