css 样式文字溢出显示省略号
2014-12-12 18:04
411 查看
<html>
<head>
<style>
.test
{
color:#888888;
white-space: nowrap; //表示文本不会换行，在同一行继续，知道遇到<br>标签为止；
overflow: hidden; //不显示超过对象尺寸的内容，就是把超出的部分隐藏了；
text-overflow: ellipsis;//当文本对象溢出是显示...，当然也可是设置属性为clip不显示点点点//三个结合才能行
}
</style>
</head>
<body>
<table>
<tr>
<td ><div style="width:50px" class="test">123456789011111111111111111111111111111111</div></td>
</tr>
</table>
</body>
</html>
<head>
<style>
.test
{
color:#888888;
white-space: nowrap; //表示文本不会换行，在同一行继续，知道遇到<br>标签为止；
overflow: hidden; //不显示超过对象尺寸的内容，就是把超出的部分隐藏了；
text-overflow: ellipsis;//当文本对象溢出是显示...，当然也可是设置属性为clip不显示点点点//三个结合才能行
}
</style>
</head>
<body>
<table>
<tr>
<td ><div style="width:50px" class="test">123456789011111111111111111111111111111111</div></td>
</tr>
</table>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css 样式文字溢出显示省略号
- css 样式文字溢出显示省略号
- css 样式文字溢出显示省略号
- css控制文字溢出省略号显示
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
- css之文字溢出显示省略号
- CSS实现溢出文字显示省略号
- CSS文字溢出部分显示为省略号
- CSS 强制不换行，文字溢出显示省略号~
- 用css控制table文字溢出显示省略号 控制td显示字数
- css单行、多行文字溢出显示省略号
- CSS 控制容器内文字个数，超出容器后显示省略号 小技巧，大用处
- CSS截取字符串,多余文字省略号显示
- css如何控制文字多行显示，溢出截断后末尾出现省略...
- 工作小结-TextBox为密码框赋值技巧，CSS溢出显示省略号方法
- css 控制溢出文本显示省略号效果
- 工作小结-TextBox为密码框赋值技巧，CSS溢出显示省略号方法
- CSS截取字符串,将多余文字用省略号显示
- 网页div文字溢出(超出)显示省略号
- css 溢出文本显示省略号的详细方法