首页 > 代码库 > 文本溢出时显示省略号
文本溢出时显示省略号
效果如图：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0;"> <title>test</title> <style> .test{ width:200px; border:1px solid red; overflow: hidden; white-space: nowrap;/*文本不会换行*/ text-overflow: ellipsis;/*显示省略符号来代表被修剪的文本,需和overflow: hidden配合使用*/ } </style></head><body> <div class="test">我是省略号我是省略号我是省略号我是省略号</div></body></html>
文本溢出时显示省略号
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。