CSS 原生属性 CSS文本显示省略号...

CQUST-XMY

于 2024-06-25 16:03:11 发布

阅读量308

点赞数 2

文章标签： css 前端

本文链接：https://blog.csdn.net/XMY_UPUPUP/article/details/139961564

版权

效果图：

在这里插入图片描述

直接上代码

.header {
  width: 100%;//使用百分比或者固定宽度，注意使用百分比时要确保父元素使用了百分比宽度
  height: 50px;
  line-height: 25px;
  font-weight: bolder;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;//设置为‘弹性伸缩盒子’
  -webkit-box-orient: vertical;//设置伸缩盒子的子元素排列方式--从上到下垂直排列
  -webkit-line-clamp: 2;//显示的行
 
}