web前端：css 文本单行显示溢出时出现省略号

作者:丿离水的鱼更新于： 2020-03-05 11:56:19

　　css提供了丰富的文档样式外观，以及设置文本和背景属性的能力;允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

　　一、文本单行显示溢出时出现省略号

　　white-space:nowrap;

　　overflow:hidden;

　　text-overflow:ellipsis;

　　二、文本多行显示溢出时出现省略号(这种样式只能在webkit和移动端使用，包括小程序，不能设置固定高度)

　　display:-webkit-box;

　　-webkit-box-orient:vertical;

　　-webkit-line-clamp:2;

　　overflow:hidden;

　　三、首行缩进两字符

　　text-indent:2em;

　　四、划线文字

　　text-decoration:line-through;

　　CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于html网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。