추적 • misuse_acetate9 • 우분투_고정_ip_설정하기 • preg_radiation • money321 • a_two-bit_hustler

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

다음 판		이전 판
tech:css_말줄임_사용 [2015/10/02 00:03] – 만듦 V_Ltech:css_말줄임_사용 [2016/07/12 00:56] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
-====== Css 말줄임(ellipsis) 사용법 ======+{{tag>css 말줄임 사용}} 
 +====== CSS 말줄임(ellipsis) 사용법 ======
  
 잘 안된다고 하는 경우가 많은데, 다음 두가지를 확실히 해줘야 한다. 잘 안된다고 하는 경우가 많은데, 다음 두가지를 확실히 해줘야 한다.
줄 12: 줄 13:
     overflow: hidden;     overflow: hidden;
 </file> </file>
 + 
  
 +혹은 다음과 같이 만들어서 첨가해 준다. 
 +
 +<file css>
 +.ellipsis { 
 +  width: 150px; 
 +  text-overflow: ellipsis; 
 +  white-space: nowrap; 
 +  overflow: hidden;
 +}
 +</file>
  
  
줄 18: 줄 30:
   * [[css]]   * [[css]]
  
-{{tag>css 말줄임 사용}}+