CSS中的溢出隐藏是一种常用的样式方法，当内容超过容器的长度或高度时，可以使用该方法隐藏多余的部分，以保持页面美观整洁。 而当我们想要显示一部分隐藏内容css超出隐藏，同时显示省略号来提醒用户还有更多内容需要查看时，我们可以使用CSS的text-overflow属性来显示省略号。 具体来说，text-overflow 属性定义在何处截断文本并添加省略号。 它有以下几个值： 1.clip：默认值表示直接截断文本css超出隐藏，不显示省略号。 2. ellipsis：表示在被截断的文本处添加省略号（即“...”）。 3. string：表示在截断的文本处添加指定的字符串。 要实现省略号的显示，需要先固定元素的长度，然后结合text-overflow属性和overflow属性来实现。 具体代码如下：```css.text{ width: 200px; /*设置元素间距*/overflow:hidden; /*隐藏多余的部分*/ text-overflow: ellipsis; /*添加省略号*/white-space: nowrap; /* 强制文本显示在同一行 */}```其中white-space属性指定了如何处理元素中的空白字符，设置为nowrap可以使文本显示在同一行线路不受断线影响。 总之，利用CSS的text-overflow属性可以轻松实现省略号的显示，有效提高页面的可读性和美观性。
UI根据项目的要求设计特殊字体，后端根据UI给出的特殊字体导入到自己的项目中css不起作用，引入不生效。 网上查了也没找到原因。 经过思考，我们发现了问题所在。 我们在导入的时候需要注意以下几点，这是我的问题
1.要引入几个css不起作用，需要使用几个@font-face，如下：
@font-face {
font-family: 'HYChangLiSongKeBen';
src: url("../font/my-font.ttf") format('truetype');
font-weight: normal;
opacity: 1;
}
@font-face {
font-family: "Source Han Serif CN bold";
src:url("../font/SourceHanSerifCN-Bold.ttf") format('truetype');
url("../font/sourcehanserifcn-bold-webfont.woff") format('woff')；
url("../font/sourcehanserifcn-bold-webfont.svg") format('svg')；
}
2.导入的路径必须正确
3、引入的后缀为.ttf的字体的format()不是ttf，而是truetype
@font-face {
font-family: 'HYChangLiSongKeBen';
src: url("../font/my-font.ttf") format('truetype');
font-weight: normal;
opacity: 1;
}
.content-article .content-txt {
font-size: 0.32rem;
font-family: HYChangLiSongKeBen;
font-weight: normal;
font-style: normal;
}
笔记：
获取要使用字体的三种文件格式，确保能在主流浏览器中都能正常显示该字体。
.TTF或.OTF，适用于Firefox 3.5、Safari、Opera
.EOT，适用于Internet Explorer 4.0+
.SVG，适用于Chrome、IPhone
