a 标签超长后有时需要隐藏,并使用 ... 来代替,可以使用 css 来实现。代码如下
display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
其中最关键的是 white-space: nowrap; 设置文本不能换行,text-overflow: ellipsis; 设置使用 ... 来代替隐藏的部分。
需要注意的是,必须设置固定宽度 width。
如果需要两行超出隐藏,可以使用如下配置
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
本文来源:程序之心,转载请注明出处!
《计算机科学丛书:Java编程思想(第4版)》赢得了全球程序员的广泛赞誉,即使是晦涩的概念,在BruceEckel的文字亲和力和小而直接的编程示例面前也会化解于无形。从Java的基础语法到高级特性(深入的面向对象概念、多线程、自动项目构建、单元测试和调试等),本书都能逐步指导你轻松掌握。
最新内容
© 2016 - 2023 chengxuzhixin.com All Rights Reserved.