css 텍스트 내용 초과 표시 제어...

때때로 우리는 페이지를 만들 때 이런 상황을 만날 수 있다. 텍스트 내용이 너무 길어서 페이지 레이아웃이 보기 싫다. 그러면 여기서 get의 새로운 기술을 사용해보자.
한 줄에 내용을 표시하고 나머지 내용을 표시하려면...탭의 스타일 스타일에 css를 설정하기만 하면 됩니다

         width: 80px;
         overflow: hidden;
         text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        white-space: nowrap;  /*             

우리가 내용을 여러 줄로 표시하고 싶을 때, 또 너무 많은 줄로 고민할 수 있으니, 우리는 이렇게 설정할 수 있다

width: 100px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box; 
        -webkit-line-clamp: 3; /*        ，     ...  */
        -webkit-box-orient: vertical;

자, 여분의 내용을 어떻게 진행시키는지...디스플레이의 경우 width 너비에 따라 디스플레이 내용의 수량을 조절할 수 있습니다