.timeline_item { display: flex; flex-direction: row; align-items: center; padding-right: 40px; position: relative; padding-left: 42px; background-color: #fff; width: 750px; box-sizing: border-box; height: 172px; } .timeline_left { display: flex; flex-direction: column; flex: 1; overflow: hidden; } .timeline_desc { font-size: 24px; line-height: 34px; // width: 500px; flex: 1; // color: #B2B2B2; // white-space: nowrap; // display: -webkit-box; // -webkit-box-orient: vertical; // overflow: hidden; // -webkit-line-clamp: 1; // 限制为一行 // text-overflow: ellipsis; // 超出部分显示省略号 white-space: nowrap; /* 不换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ }