0
0
黄舟
发布时间：2017-10-24 10:37:16
|3117人浏览过
|来源于php中文网
原创
为了保证页面的整洁美观，在很多的时候，我们常需要隐藏超出长度的文字。这在列表条目，题目，名称等地方常用到。
(1).文字超出一行，省略超出部分，显示'...'
如果这种情况比较多，可以取一个切合作用的类名用于复用。
.line-limit-length {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; //文本不换行，这样超出一行的部分被截取，显示...
}
最新消息：神秘地球黑洞深不可测，不停吸入周围海水。
//图标字体
(2). 可以给定容器宽度限制，超出部分省略
.product-buyer-name {
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
橘子橘子
相关文章
css比例单位失效不起作用怎么办_确认未被固定宽度覆盖
css容器加边框后对齐错位怎么办_统一css box sizing属性
css定位嵌套规则_css多层定位关系解析
css个人博客页面如何布局_通过flex构建文章结构
css padding 会影响元素大小吗_盒模型计算规则说明
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
