HTML55 text-overflow:ellipsis display: block;width: 120px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; white-space:nowrap; 넓이를 지정하였더라도 자동으로 줄바꿈되지 않게 강제로 개행을 막아줌. word-break:break-all;문장을 띄어쓰기 할때 쓰인 공백기준이 아닌 문자단위로 끊어주는 속성 text-overflow:ellipsis;텍스트가 넘칠때, 말줄임표( ... )가 나오게 하는 속성, 적용조건 white-space:nowrap;[출처] white-space:nowrap;, word-break:break-all;, text-overflow:ellipsis;|작성자 달콤쌉쌀 긴 글자 생략하기 Semina.... 이런식으로 나.. 2013. 3. 5. 시맨틱 태그 HTML5에서 새롭게 등장한 시멘틱태그 HTML5의 가장 큰 특징은 웹페이지 구조를 만들어주는 태그의 등장입니다. 오늘은 지난번 HTML5의 개념정리 포스팅에 이어 HTML5로 레이아웃을 짜는 방법에 대해 자세히 알아보려고 합니다. 기존에는 div에 id 또는 class를 주어서 구조를 설계 했죠. 그런데 html5로 넘어오면서 이를 대체할 태그들이 등장했답니다. 쉽게말해서 "div 를 여러갈래로 구조화 시켜서 조금 더 짜임세 있는 코딩을 하자~!" 라는 의도로 파악하시면 좋겠네요. 다음으로 새롭게 등장한 태그들부터 하나하나 알아보겠습니다. 시맨틱태그 내용 웹 페이지의 헤더를 만들때 사용합니다. (주로 로고영역) 웹 페이지의 하단을 만들때 사용합니다. (주로 카피라이트 영역) 웹 페이지의 메뉴를 만들때 .. 2012. 11. 30. select 태그 select 태그는 여러개의 목록에서 몇 가지를 선택할 수 있는 입력 양식 요소 태그 이름 설명 select 선택 양식을 생성합니다. optgroup 옵션을 그룹화합니다. option 옵션을 생성합니다. select 태그의 multiple 속성을 이용하면 다중 선택이 가능하다. option태그 Multimedia Tag Connectivity Device Access Animation 3D Transform 2012. 11. 29. 정의 목록 태그 이름 설명 dl 정의 목록 태그 dt 정의 글자 태그 dd 정의 설명 태그 정의 목록은 특정 용어와 그 정의를 표현할 때 사용하는 태그 이다. 2012. 11. 29. 이전 1 2 다음
