How to clear the floating flow in CSS (the parent element wraps the floating element), single/multi-line ellipsis, multi-line

float element parent::after{

    contains:"";

    display:block;

    clean:both;

}

element{

    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;

}

element{

    height: 40px;

    line-height: 20px;

    overflow: hidden;

}

element{

  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;

}