WEB/CSS

CSS로 말줄임 ... 생성하기

나나나나나나나ㅏ나난ㄴ나ㅏ나나 2020. 2. 26. 15:06
728x90

 

내가 원하는 크기 만큼만 출력하고 그 이상 입력되어있을 경우 ...를 출력하고 싶을때 CSS로만 처리해버리기

 

* 여러줄일때

p{
	text-overflow: ellipsis;
    -webkit-line-clamp: 1;	
    //원하는 라인수
    -webkit-box-orient: vertical;

    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    
    
    
    line-height: 20px;
    height: 20px;
}

#2020/07/31 오타 수정!

 

 

728x90

'WEB > CSS' 카테고리의 다른 글

scroll css custom  (0) 2021.05.24
웹폰트 정리 (NotoSanKR)  (0) 2021.02.19
GRID이용해서 DIV 일정간격으로 분배하기  (0) 2020.02.21
label로 체크모양 만들기  (0) 2020.02.13
HTML 과 CSS 기초  (0) 2020.02.04