How can I wrap text into two line by CSS?

[gyhyfj]

These code doesn't work in component.

.title {
  width: 100px;
  height: 50px;
  overflow: hidden; 
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

[gyhyfj]

Done. It works well unless the text have no space such as aaaaaaaaaaaaaaaaaa