css控制内容显示,自动加"..."
2013-08-27 16:07
260 查看
.css{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:100px;
}
css3语法 text-overflow:clip|ellipsis
clip:不显示省略标记(...),而是简单的裁切。
ellipsis:当对象内文本溢出时显示省略标记(...)。
需配合overflow:hidden;white-space:nowrap;使用,目前唯独firefox不支持,Opera11已经支持 。
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:100px;
}
css3语法 text-overflow:clip|ellipsis
clip:不显示省略标记(...),而是简单的裁切。
ellipsis:当对象内文本溢出时显示省略标记(...)。
需配合overflow:hidden;white-space:nowrap;使用,目前唯独firefox不支持,Opera11已经支持 。
相关文章推荐
- css控制内容显示,自动加"..."
- CSS实现内容超出显示范围自动加"..."
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- CSS- 控制图片显示指定大小 并超过大小自动缩小
- CSS控制的内容超过容器宽度后显示省略号...
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- 这样控制DataGrid的单元格内内容自动隐藏,鼠标移上时显示全部
- css实现内容超长自动截取并显示省略号
- 如何通过css控制内容显示顺序 第二行的内容优先显示
- css控制溢出内容 用省略号代替显示
- css控制编辑器内容自动换行
- css控制单行文字自动显示省略号
- Flex中如何通过verticalScrollPolicy属性,控制VBox容器内容超过容器大小时滚动条自动显示与否
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制内容一行显示,超出部分“...”
- CSS控制的内容超过容器宽度后显示省略号
- css控制内容显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- css控制英文内容自动换行問題