CSS

결론 코드 style="white-space: nowrap; overflow:hidden; text-overflow: ellipsis;" 8글자가 넘어가는 품종의 경우에 다음줄로 넘어가는 상태 넘어가는 글자의 경우 ...으로 처리하고 싶어 일정 크기 이상 넘어가는 텍스트를 ....로 표시하기 - hong's blog 텍스트를 감싸주는 컨테이너에 아래 css태그를 추가해준다. white-space: nowrap; overflow:hidden; text-overflow: ellipsis; Document .box{ bord hong.adfeel.info 이 분의 글을 보고 컨테이너에 style 추가 왜인지 ...으로 변하지는 않았지만 한 줄로 이쁘게 들어간 모습이다. 좀 더 긴 친구가 어떻게 보이는지 임의로..

오늘은 web page의 영역을 나누는 내용을 다룰 것이다. 다른 사람들은 어떠한 단계로 코딩을 하는지 잘 모르겠지만 나는 구역을 나눠놓고 하는 것이 편한 것 같다. html을 가지고 본격적으로 페이지를 만들기 전에 c# form을 이용하여 디자인을 해주었다. html로 바로 만들기에는 막연할 수 있으므로 포토샵이나 파워포인트 등으로 디자인 설계를 하고 시작하는 것을 추천한다. 본격적으로 html 코딩을 시작해 보겠다. 영역을 나눌 때 가장 기본적으로 사용하는 태그는 div태그이다. div태그는 하나 이상의 태그를 묶는 태그로 레이아웃을 만들 때 좋은 태그이다. 사용 방법은 로 집합을 만든다고 생각하면 쉬울 것 같다. 레이아웃을 짤 때 큰 집합에서 작은 집합으로 나누어 가며 그리고 열(세로 방향)으로 먼..