文档章节

CSS实现文字一行显示带省略号

hosser
 hosser
发布于 2015/03/25 07:28
字数 104
阅读 319
收藏 12

CSS实现文字一行显示带省略号技术

maybe yes 发表于2015-01-20 11:39

原文链接 : http://blog.lmlphp.com/archives/64  来自 : LMLPHP后院

<style>
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 500px;
</style>

CSS原生自带的功能虽然好,但是用起来不怎么好看,好像省略号的样式不能控制。

阅(56)评(0)查看评论


本文转载自:http://blog.lmlphp.com/archives/64

共有 人打赏支持
hosser
粉丝 194
博文 78
码字总数 4614
作品 3
徐汇
私信 提问
纯css实现多行文本截断

概述 是一个不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合...

gongzhen
2016/07/07
0
0
CSS截取字符串显示省略号

有时候,为了避免页面中某个Div的内容过多,而导致页面变形,我们通常在CSs中定义overflow:hidden,这样会不显示文字,不过看上去 用户体验不太好,为了获得最佳的用户体验,我们在隐藏文字的...

名字已被取
2016/03/02
28
0
CSS实现单行、多行文本溢出显示省略号(…)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: overflow: hidden;text-overflow:ellipsis;white-...

ForingY
2015/10/28
0
0
css设置当字数超过限制后以省略号(...)显示

文字超出一行,省略超出部分,显示'...' 用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 多行文本溢出显示省略号 注: ①-webkit-line-clamp用来限制在一个块元素...

Mr_C墨城
2017/11/03
0
0
CSS控制文字只显示一行,超出部分显示省略号

之前使用过这个例子,现在总结说明一下: 先给贴代码: <p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> </p> 测试浏览器: IE6/7/8/9、opera12.0......

曾沙
2012/10/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Ugly Number(leetcode263)

Write a program to check whether a given number is an ugly number. Ugly numbers are positive numbers whose prime factors only include 2, 3, 5. Example 1: Input: 6Output: true......

woshixin
15分钟前
0
0
深度模型从研者 眼里的 似然估计 & Hessain 海森矩阵 & Fisher Information (费雪信息)

深度模型的训练的基本依据是最小化模型拟合数据的误差。旨在不仅知其然(如何构建和训练一个深度模型),还应知其所以然(为什么这样训练,可以做哪些优化)。我们就会发现,有很多研究者,在...

刘小米_思聪
19分钟前
0
0
阿里巴巴智能监控新场景的探索

摘要: 智能监控是智能运维的子领域,详细分析。 作者简介 王肇刚 阿里巴巴全球运行指挥中心高级技术专家 智能监控是智能运维的子领域,我们说的监控,探讨的更多是在监控策略,因为可能从数...

阿里云官方博客
22分钟前
1
0
【双十二】12 月 12 日 12 点 12 分限量抢福利,云计算不剁手!

活动详情 1.首充豪礼 双十二当日,新用户首充 200 元送 200 元代金券!仅限前 88 名!先到先得!拼手速!(新用户指 12 月 12 日前已完成注册但从未充值过的用户)
 2.超值返券 双十二当日,...

七牛云
47分钟前
3
0
Calculate Linux 发布 18 LXQt是基于Gentoo的发行版

导读 Calculate Linux 是一个基于 Gentoo 并与 Gentoo 完全兼容的滚动更新发行版家族,专为企业环境下的快速部署而优化。其提供多个不同的分支版本,分别适用于桌面、服务器等应用场景。该项...

问题终结者
50分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部