CSS 将超出显示宽度的内容隐藏起来
发布时间:01/15 来源: 浏览:
关键词:
介绍的是如何用 CSS 将超出显示宽度的内容隐藏起来,在 IE 下我们还可以添加一个省略号,来表示多余的字符已经截断,以后改版也更方便。
实现原理:
(1)指定宽度:width:300px;
(2)overflow:hidden; 将超出内容隐藏
(3)text-overflow:ellipsis; IE 专有属性,当对象内文本溢出时显示省略标记(…)
(4)white-space:nowrap; 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
代码如下 | |
</style> <div class="textOverFlow"> fdsafdsafdsafdsafdsafdsafdsafdsafsafdsa www.111cn.net </div> |