풍선도움말...

ㆍ호가계부를 시작페이지로

은행 카드 증권 보험 부동산

     
My 즐겨찾기 수정
[무료]  오늘의 운세  /  바이오리듬
여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.
컴퓨터와 관련있는 모든 팁을 공유합시다.

CSS로 글자 자르기 및 말줄임 표시 하기

 호가계부|2018-07-24 11:57:44|조회 : 40826
<style>
.wordCut {
    /* 넓이를 지정할 수 있게하는 속정
    block : 부모 너비의 100%
    inline-block : 일정한 고정된 너비를 지정할때 (width 속성을 수반한다)
    */
    display: inline-block;
    /* 너비를 지정하는 속성 */
    width: 400px;
    /* 글자수가 해당 너비를 초과해도 줄바꿈 금지 속성*/
    white-space: nowrap;
    /* 글자수가 해당 너비를 초과하는 부분을 숨김으로 설정 */
    overflow: hidden;
    /* 숨겨지는 영역을 말줄임표로 설정 */
    text-overflow: ellipsis;
}
</style>
<div class="wordCut">나랏말싸미 듕귁에 달아 문자와로 서르 사맛디 아니할쎄 이런 전차로 어린 백셩이 니르고져 홇베이셔도 마참네 제 뜨들 시러펴디 몯핧 노미하니아</div>




TAG : 말줄임  글자  자르기  말줄임표시  CSS 


번호 제             목 첨부 작 성 일 작성자 조회
105  

[엑셀] 특정 자릿수 숫자 반올림

   2019-08-22 호가계부 1489
104  

[Android] Chrome Custom Tabs 시작하기

(2) 		  2019-08-17 호가계부 35110
103  

[Android] 상태바 없애기

 2019-08-13 호가계부 1753
102  

[Android] 타이틀바 없애기

 2019-08-13 호가계부 2542
101  

[Android] ERR_CLEARTEXT_NOT_PERMITTED 웹뷰 호출 에러

   2019-08-11 호가계부 2302
100  

Chrome 크롬 강력 새로고침 단축키

   2019-07-15 호가계부 24673
99  

홈페이지(웹브라우저) 창 가로 세로 확인 방법

   2019-07-07 호가계부 24483
98  

Html CSS 수직으로 중앙 정렬 하는 방법

   2019-07-05 호가계부 4683
97  

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바...

(1) 		  2019-06-19 호가계부 4729
96  

javascript encodeURI -> php EUC-KR decode

(1) 		  2019-06-18 호가계부 40920
95  

윈도우 창 단축키

   2019-06-07 호가계부 3261
94  

컴퓨터 종료시간 예약하기

 2019-03-22 호가계부 4642
93  

말풍선 위치 계산 (마우스 포인터 위치계산)

   2019-01-14 호가계부 6977
92  

[Javascript] 날짜 유효성 검사

   2018-09-13 호가계부 32879
89  

MySql 기존 컬럼에 자동증가 속성 변경, 추가 및 초기화

   2018-08-15 호가계부 61225
88  

CSS 반응형 레이아웃 만들기

 2018-07-25 호가계부 55966
87  

CSS로 글자 자르기 및 말줄임 표시 하기

   2018-07-24 호가계부 40826
86  

홈페이지 팝업창 화면 가운데 출력하기

   2018-07-12 호가계부 6955
83  

URL 최대길이

   2015-06-16 호가계부 11038
82  

공공저작물 자유이용 사이트

   2015-06-16 호가계부 12270
처음으로 앞으로 | 1 [2] 3 4 5 6 | 다음 마지막