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

实现原理:
(1)指定宽度:width:300px;
(2)overflow:hidden; 将超出内容隐藏
(3)text-overflow:elliis; IE 专有属性,当对象内文本溢出时显示省略标记(…)
(4)white-space:nowrap; 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象

 代码如下 复制代码

<style type=”text/”>
.textOverFlow
{   
 width:300px;    
overflow:hidden;    
text-overflow:ellipsis;    
white-space:nowrap;    
border:1px solid #ddd;
}

</style>

<div class=”textOverFlow”> fdsafdsafdsafdsafdsafdsafdsafdsafsafdsa </div>

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

相关文章:

你感兴趣的文章:

标签云: