[分享]css3文字一处隐藏

CSS3文字一处隐藏技术是在CSS3中新增的一种文字处理方式，可以实现在网页中隐藏不需要显示的文字内容，从而提升网页的美观度及可读性。/ 省略号隐藏 / p { overflow: hidden; t...

CSS3文字一处隐藏技术是在CSS3中新增的一种文字处理方式，可以实现在网页中隐藏不需要显示的文字内容，从而提升网页的美观度及可读性。

/* 省略号隐藏 */
p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 完全隐藏 */
p {
  height: 0;
  width: 0;
  overflow: hidden;
} 

以上代码中第一段实现的是在文字过长时，以省略号的方式隐藏超出部分，并且不换行。第二段代码则是完全隐藏文字内容。

总得来说，CSS3文字一处隐藏技术可以为网页设计师提供更多的设计灵活性，同时让文字内容更加得以突出，达到更好的视觉效果。