HTML文字溢出代码详解
在网页设计与开发中,经常会遇到文本内容过长,无法适应指定空间大小的情况,这时候就需要使用文字溢出实现文本内容的显示与隐藏。下面就为大家介绍一下HTML中文字溢出的常用代码。
一、文本隐藏(overflow:hidden)
使用“overflow:hidden”属性可实现文本内容的隐藏,而只显示指定容器大小的文本内容。
二、用点号代替(text-overflow:ellipsis)
使用“text-overflow:ellipsis”属性,可实现文本内容超出容器大小时,使用省略号(...)代替被剪切部分。
三、强制换行(word-break:break-all)
使用“word-break:break-all”属性,可实现长单词或URL地址的强制换行,以保证文本内容不会超出容器大小。
www.abc.com/article/this-is-a-long-URL-test.html
以上就是HTML中文字溢出的常用代码,希望对大家有所帮助!上一篇 jquery 写下拉列表
下一篇 html文字横排代码