日常开发中，经常会遇到当文字内容过多时需要控制文字显示几行，以使页面看上去不至于被大部分文字占据,每次用到的时候都要在网上搜索，所以这里记录一下，方便自己以后查阅:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
日常开发中，经常会遇到当文字内容过多时需要控制文字显示几行，以使页面看上去不至于被大部分文字占据,每次用到的时候都要在网上搜索，所以这里记录一下，方便自己以后查阅:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
CSS控制文字只显示一行，超出部分显示省略号
3/4 letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。 let...
CSS控制文字的一些基本属性的使用： 一、CSS控制段落： 段落缩进：text-indent:20px; 文字方向...
效果一 只显示文字: 冯绍峰粉色粉色.gif // 只显示文字- (void)TextButtonAction{s...
在vue项目里 写了一个css样式 用来控制 显示的行数，只显示3行多出来的用引号代替，在本地运行的vue项目里没...
一行 3行
1. css编写超出元素宽度的中文显示省略号 2. 只显示一行文字 3. 移动端横向滚动 4. 清除input b...
CSS属性 css基本属性 可继承属性:可传递子标签.一般都是文字控制属性(如文字颜色等) 不可继承属性:不可传递...
我在前几天的文章《CSS文字控制技术总结》中介绍了关于用CSS控制文本的一些属性。其实过程很是纠结，因为当时有其他...
css网站建设总结 css是一种表现html文件样式的计算机语言 css可以控制html标签中的属性、文字、图...
本文标题：css控制只显示2行文字
本文链接：https://www.haomeiwen.com/subject/lgvetdtx.html
网友评论