CSS로 글자 자르기 및 말줄임 표시 하기 - 호 가계부

풍선도움말...

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

금융신고
1332

휴면계좌
조회

자동이체
통합관리

마이크레딧

후불하이패스

카드포인터
통합조회/입금

청개구리
투자클럽

이유다
이렉트

부동산써브

인터넷 등기소

아파트 실거래가

공동주택가격

국민은행 부동산

온비드

주택금융공사

My 즐겨찾기 수정

[무료] 오늘의 운세 / 바이오리듬

여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.

컴퓨터와 관련있는 모든 팁을 공유합시다.

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

호가계부|2018-07-24 11:57:44|조회 : 40828

<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

번호

제 목

첨부

작 성 일

작성자

조회

| |