CSS实现多余文本隐藏

显示一行文本，多余文字省略

.title {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;
}

显示两行文本，多余文字省略

.title {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /*行数*/-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;
}

CSS实现多余文本隐藏相关推荐

html中怎么让text不换行,css如何让文本不换行？
在html中,连续的数字和字母,以及字母和数字的组合是不会自动换行的:而汉语文字或者其他国家的文字,是文字就会有换行.那么如何让文本不换行?下面本篇文章就来给大家介绍一下,希望对你们有所帮助. 在cs ...
web前端培训：CSS中单行文本溢出显示省略号的方法
CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...
CSS 单行溢出文本显示省略号...的方法（兼容IE FF）（转）
CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转) html代码: <div> <p><span>CSS Web Design 我爱CSS-Web标 ...
CSS尺寸与文本讲解。HTML、CSS笔记（四）。
文章目录 CSS尺寸(Dimention) 行高line-height属性尺寸的其他属性 heigh.width属性 max-height.max-width属性 min-height.min-wi ...
【用CSS让单行文本溢出显示省略号】
如何用CSS让单行文本溢出显示省略号 <style> p { 1.设置宽高 width:160px; height:20px; font:size:16px; background-col ...
html+css+js实现文本编辑器
html+css+js实现文本编辑器简介:本文讲解,如何制作使用html+css+js实现一个好看的文本编辑器. 效果展示当文本框聚焦的时候,就是显示textarea,然后是可编辑的,这个时候可以 ...
在css样式中隐藏元素,用JS改变的元素CSS样式，css里display :none 隐藏 block 显示
CSS样式的引用有3种方式:style引用.class引用.id引用,所以js改变元素的样式我们也分3种来说. 1.js改变由style方式引用的样式: 方法一:document.divs.style ...
html怎么限制标题字数,CSS怎么限制文本字数
CSS怎么限制文本字数? css限制字数,超出部分显示点点点的实现方法使用css限制字数的显示,主要使用width宽度来设置,超出的部分显示点点点,主要通过设置text-overflow属性来实现. ...
HTML 与 CSS 中的文本
HTML 与 CSS 中的文本结构化元素结构化元素就是指 HTML 元素中具有明确含义和作用的元素,例如 `` 元素表示段落.相对于 HTML 4.01 版本而言,HTML5 版本新增了一系列结构 ...
CSS进阶（17）—— CSS中的文本处理（上）
CSS能够在众多的布局标准中脱颖而出的制胜手段就是其强大的文本处理能力,比如最"简单"的盒子边缘文字即将超出就自动换行的能力在CSS流的概念里几乎是天生的,并逐渐成为了行业内的&q ...

CSS实现多余文本隐藏

CSS实现多余文本隐藏相关推荐

最新文章

热门文章