首页 - 文章搜索

Apr

08

如何用 CSS 将超出显示宽度的内容隐藏起来

在显示列表的时候,太长的标题默认会换行显示,而这样的显示方式往往会破坏我们原有的页面布局,如何在我们无法知道标题长度的情况下,将超出显示宽度的内容隐藏起来?一个常见的做法是用服务器端语言判断、截取,但是这样在以后需要显示更长的标题时就需要修改服务器端脚本。

这里介绍的是如何用 CSS 将超出显示宽度的内容隐藏起来,在 IE 下我们还可以添加一个省略号,来表示多余的字符已经截断,以后改版也更方便。
关键词: text-overflow, overflow, CSS, 隐藏, 超出, white-space,  |  归类: (X)HTML/CSS,
共 1 条记录 10/页 共 1 页      1