语言吧技术网欢迎您投稿,程序员的世界我懂你!=====>点此登录投搞
当前位置: 首页 >>前端技术 >>CSS >>css实现隐藏多余溢出文字并显示省略号

css实现隐藏多余溢出文字并显示省略号

2018/4/5 6:14:59 0人评论 11699次 作者:admin

css实现隐藏多余溢出文字并显示省略号…


<meta charset="utf-8" />

<style>

.txt{

    width:200px;

    border:1px solid #ddd;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

</style>

<p class="txt">溢出文字隐藏溢出文字隐藏溢出文字隐藏溢出文字隐藏</p>


CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-4 http://www.yuyanba.com
分享按钮