博客列表 >文章单行超过容器省略号显示css实现

文章单行超过容器省略号显示css实现

magician风原创转载: 2020年04月20日 10:41:05593浏览

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>wjf</title> 
<style> 
div.test
{
    white-space:nowrap; 
    width:12em; 
    overflow:hidden; 
    border:1px solid #000000;
}
</style>
</head>
<body>
<p>以下 div 容器内的文本无法完全显示，可以看到它被裁剪了。</p>
<p>div 使用 &quot;text-overflow:ellipsis&quot;:</p>
<div class="test" style="text-overflow:ellipsis;">This is some long text that will not fit in the box</div>
</body>
</html>

上一条：PHP运算符，分支/多分支结构，循环语句下一条：硬盘显示无法访问拒绝访问的数据找到法子

声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。

全部评论

文明上网理性发言，请遵守新闻评论服务协议

查看更多

文章单行超过容器省略号显示css实现

相关文章