테이블 박스 내 줄바꿈에서 나머지 글자 숨기거나 자르는 방법문의 정보
테이블 박스 내 줄바꿈에서 나머지 글자 숨기거나 자르는 방법문의
본문
테이블 박스가 좌우 200픽셀이고 한글 20자 들어갈 수 있는 공간이 있습니다.
물론, CSS에서 text-align: justify; 로 좌우정렬은 되게 설정을 해 놓았습니다.
만약 테이블 박스에 42자가 들어가면 자동 줄바꿈되어 줄이 세줄이 생기고 세번째 줄은 좌로 2자만 덩그러니 남아 보기가 싫겠죠?
이 나머지 2자를 잘라 버릴수 있는 방법이나 숨기는 방법이 없을까요?
예)
만약 테이블 박스에 42자가 들어가면 자동 줄바꿈되어 줄이 세
줄이 생기고 세번째 줄은 좌로 2자만 덩그러니 남아 보기가 싫
겠죠?
위 "겠죠?" 문자를 "싫" 문자뒤로 숨기거나 자르는 방법을 말합니다.
style="table-layout: fixed;" 이 먹히질 않네요....
줄바꿈을 한번만 가능하게 rows=2 , 나머지는 fixed 로도 될 수 있나요?
물론, CSS에서 text-align: justify; 로 좌우정렬은 되게 설정을 해 놓았습니다.
만약 테이블 박스에 42자가 들어가면 자동 줄바꿈되어 줄이 세줄이 생기고 세번째 줄은 좌로 2자만 덩그러니 남아 보기가 싫겠죠?
이 나머지 2자를 잘라 버릴수 있는 방법이나 숨기는 방법이 없을까요?
예)
만약 테이블 박스에 42자가 들어가면 자동 줄바꿈되어 줄이 세
줄이 생기고 세번째 줄은 좌로 2자만 덩그러니 남아 보기가 싫
겠죠?
위 "겠죠?" 문자를 "싫" 문자뒤로 숨기거나 자르는 방법을 말합니다.
style="table-layout: fixed;" 이 먹히질 않네요....
줄바꿈을 한번만 가능하게 rows=2 , 나머지는 fixed 로도 될 수 있나요?
댓글 전체
overflow: hidden;