text overflow (2) 썸네일형 리스트형 HTML/CSS 한 줄 텍스트 넘칠 때 숨기기... 생략 HTML에서 텍스트가 너무 길어서 넘칠 때 잘 처리하는 방법에 대해서 알아볼게요. (여러 줄) 바로 예제를 통해 확인해보도록 하죠. 실제로 기능과 크게 상관이 없는 css 속성들은 div 태그 안에 박아둘게요. (height 수치만 잘 기억해주세요.) 텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트 아래 사진처럼 보일거에요. 우리는 한정된 빨간 박스 안에 텍스트를 한 줄로 줄여놔야해요. 이쁘게 정리해볼게요. overflow는 div 내에 컨텐츠가 초과되었을 때 어떻게 하겠냐는 속성이에요. hidden으로 설.. HTML/CSS 여러 줄 텍스트 넘칠 때 숨기기... 생략 HTML에서 텍스트가 너무 길어서 넘칠 때 잘 처리하는 방법에 대해서 알아볼게요. (여러 줄) 바로 예제를 통해 확인해보도록 하죠. 실제로 기능과 크게 상관이 없는 css 속성들은 div 태그 안에 박아둘게요. (height 수치만 잘 기억해주세요.) 텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트텍스트 아래 사진처럼 보일거에요. 우리는 한정된 빨간 박스 안에 텍스트를 미리보기 형태로 줄여놔야해요. 이쁘게 정리해볼게요. height는 위에서 적었지만 이해를 돕기 위해 다시 한 번 적을게요. height가 200p.. 이전 1 다음
