开发者社区云计算文章正文

css3 text文本超出单行溢出省略和 css3文本超出两行溢出省略

2023-08-28 256

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： css3 text文本超出单行溢出省略和 css3文本超出两行溢出省略

## 下面可让文本单行溢出出现省略符
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

## 下面可让文本两行溢出出现省略符
//用的是-webkit-私有属性
overflow: hidden;
display: -webkit-box;
//可设置显示的行数
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

嚣张农民

凉凉心.

11月前

前端开发算法 Java

【CSS】前端三大件之一，如何学好？从基本用法开始吧！（三）：元素继承关系、层叠样式规则、字体属性、文本属性；针对字体和文本作样式修改

继承我们的CSS中很多的属性也是可以继承的，其中相当一部分是跟文字的相关的，比如说颜色、字体、字号。当然还有一部分是不能继承的。例如边框、内外边距。层叠层叠是CSS的核心机制。层叠的工作机制：当元素的同一个样式属性有多种样式值的时候，CSS就是靠层叠机制来决定最终应用哪种样式。层叠规则：层叠规则一：找到应用给每个元素和属性的声明。说明：浏览器在加载每个页面时，都会据此查找到每条CSS规则，并标识出所有受到影响的HTML元素。

凉凉心.

373 1 1

霍格沃兹测试开发

自然语言处理前端开发 JavaScript

Playwright系列课（2） | 元素定位四大法宝：CSS/文本/XPath/语义化定位实战指南

本文是Playwright系列第二课，详解元素定位四大核心技术：CSS选择器、文本定位、XPath和语义化定位，结合实战演示各方法应用场景。重点解析Playwright智能定位器（Locator）的独特优势——自动等待与重试机制，通过预检元素可操作性（可见/可点击）有效规避网络延迟导致的脚本失效，显著提升自动化测试稳定性。

霍格沃兹测试开发

1196 1 1

挨踢工作者

前端开发

Css实现文本超出长度隐藏并用三个点结尾

挨踢工作者

466 17 17

疯狂的猿

CSS3几何透明层文本悬停变色源码

CSS3几何透明层文本悬停变色源码是一款基于css3 svg制作的背景图片鼠标悬停几何形状透明层变色显示文本内容

疯狂的猿

221 0 0